|
|
@@ -0,0 +1,86 @@
|
|
|
+<!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
|
|
|
+ js对象 表示 数据结构
|
|
|
+ -->
|
|
|
+ <script>
|
|
|
+ // js对象
|
|
|
+ var obj = {
|
|
|
+ name:"Lucy",
|
|
|
+ age: 19
|
|
|
+ }
|
|
|
+ // json对象
|
|
|
+ /***
|
|
|
+ * var 声明对象
|
|
|
+ * var obj = "{'属性名':'属性值'}"
|
|
|
+ * 注意：单引包双引
|
|
|
+ */
|
|
|
+ var obj1 = "{'name':'LiLi'}";
|
|
|
+ // console.log(obj);
|
|
|
+ // console.log(obj1);
|
|
|
+ var arr = [
|
|
|
+ {id:1,name:"孙悟空"},
|
|
|
+ {id:2,name:"猪八戒"},
|
|
|
+ {id:3,name:"哪吒"}
|
|
|
+ ]
|
|
|
+ console.log(arr,'arr');
|
|
|
+ var arr1 = '[{"id":"1","name":"孙悟空"},{"id":"2","name":"猪八戒"},{"id":"3","name":"哪吒"}]'
|
|
|
+ console.log(arr1,'arr1');
|
|
|
+ // js转json JSON.stringify
|
|
|
+ var arr2 = JSON.stringify(arr);
|
|
|
+ console.log(arr2,'arr2');
|
|
|
+ // json转js JSON.parse
|
|
|
+ var arr3 = JSON.parse(arr2);
|
|
|
+ console.log(arr3,'arr3')
|
|
|
+ var arr4 = JSON.parse(arr1);
|
|
|
+ console.log(arr4,'arr4');
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 堆：引用数据类型
|
|
|
+ * 栈：基本数据类型 引用数据类型的指针
|
|
|
+ * 深浅拷贝：
|
|
|
+ */
|
|
|
+ var obj3 = {
|
|
|
+ name:"12"
|
|
|
+ }
|
|
|
+ obj4 = obj3;
|
|
|
+ obj3 = JSON.stringify(obj3)
|
|
|
+ var obj4;
|
|
|
+ obj4.name = '21';
|
|
|
+ // obj4 = {
|
|
|
+ // name:"21"
|
|
|
+ // }
|
|
|
+ // obj4 = JSON.stringify(obj4);
|
|
|
+ // obj4 = '{"name":"10"}'
|
|
|
+ console.log(obj4,'obj4');
|
|
|
+ console.log(obj3,'obj3');
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ var obj2;
|
|
|
+ obj2 = obj;
|
|
|
+ console.log(obj2);
|
|
|
+ // 深拷贝：一个对象复制另一个对象的内容 修改当前对象 原对象不发生改变
|
|
|
+ // obj2 = '{"name":"小明","age":"22"}'
|
|
|
+ // 浅拷贝：一个对象复制另一个对象的内容 修改当前对象 原对象发生改变;
|
|
|
+ // obj2.name ='画画';
|
|
|
+ obj2 = {
|
|
|
+ name:"哈哈",
|
|
|
+ age: 10
|
|
|
+ }
|
|
|
+ console.log(obj2,'obj2');
|
|
|
+ console.log(obj,'obj')
|
|
|
+
|
|
|
+
|
|
|
+ </script>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
e