|
|
@@ -0,0 +1,75 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <!--
|
|
|
+ JSON => JavaScript Object Natation
|
|
|
+ 对象 表示 数据结构
|
|
|
+ -->
|
|
|
+ <script>
|
|
|
+ // js对象
|
|
|
+ var obj = {
|
|
|
+ name: "zs"
|
|
|
+ }
|
|
|
+ /** json 对象
|
|
|
+ * var xxx = '{"属性名":"属性值"}'
|
|
|
+ * 注意:"单引号" 包含 "双引号"
|
|
|
+ */
|
|
|
+ var obj1 ='{"name":"ls"}';
|
|
|
+ console.log(obj,'3');
|
|
|
+ console.log(obj1);
|
|
|
+ var list = [
|
|
|
+ {name:'a',id:1},
|
|
|
+ {name:'ab',id:2},
|
|
|
+ {name:'abc',id:3}
|
|
|
+ ]
|
|
|
+ // 数组包对象
|
|
|
+ var newList = '[{"name":"a","address":"哈尔滨"},{"name":"b","address":"北京"},{"name":"c","address":"天津"}]'
|
|
|
+ console.log(newList,'1');
|
|
|
+
|
|
|
+ // 将JSON对象转成JS对象JSON.parse()
|
|
|
+ var news = JSON.parse(newList);
|
|
|
+ console.log(news,'2');
|
|
|
+
|
|
|
+ // 将JS对象转成JSON对象 JSON.stringify()
|
|
|
+ var obj2 = JSON.stringify(obj);
|
|
|
+ console.log(obj2,'4')
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 堆:引用数据类型
|
|
|
+ * 栈:基本数据类型 引用数据类型指针
|
|
|
+ */
|
|
|
+ // 深拷贝、深克隆:将一个变量的值赋给另一个变量 修改其中一个变量 原有的变量不发生改变
|
|
|
+ var obj3;
|
|
|
+ obj3 = obj1;
|
|
|
+ obj3 = '{"name":"w5"}';
|
|
|
+ console.log(obj1,'obj1');
|
|
|
+ console.log(obj3,'obj3');
|
|
|
+
|
|
|
+ // 浅拷贝、浅克隆:将一个变量的值赋给另一个变量 修改其中一个变量 原有的变量发生改变
|
|
|
+ var obj4;
|
|
|
+ obj4 = obj;
|
|
|
+ obj4.name = 'z6'
|
|
|
+ console.log(obj,'obj');
|
|
|
+ console.log(obj4,'obj4');
|
|
|
+
|
|
|
+ var person = {
|
|
|
+ name: '小明',
|
|
|
+ age: 18
|
|
|
+ }
|
|
|
+
|
|
|
+ var person1 = JSON.stringify(person);
|
|
|
+ var person2;
|
|
|
+ person2 = person1;
|
|
|
+ //person2.name = "LiLi"
|
|
|
+ person2 = '{"name":"LiLi","age":28}';
|
|
|
+ console.log(person1,'person1');
|
|
|
+ console.log(person2,'person2');
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
e