lovecoding
/
vipAllDay


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