1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- <!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>
|