lovecoding
/
VIP32


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