Web前端必做笔记之一：对象拷贝(四) 通过JSON拷贝

Web前端必做笔记之一：对象拷贝(四) 通过JSON拷贝

<script>
      const student1 = {
            name:"小明",
            age:2,
            girlfriend:{
                  name:"小红"
            }
      }

     //json数据格式， 全称叫做JavaScript对象表示法
     [
           {
                 "name":"小明",
                 "age":2
           },
           {
                 "name":"小刚",
                 "age":3
           }
     ]
     
     //JSON.stringify() 作用是将一个对象变成一个字符串
     let  str = JSON.stringify(student1);  
     //JSON.parse() 作用：是将一个字符串变成一个JavaScript对象
     let  obj = JSON.parse(str);
     console.log(obj);
</script>

<script>
     function copy(obj){
            let  str = JSON.stringify(obj);
            let  newObj = JSON.parse(str);
            return newObj
     }
      const student1 = {
            name:"小明",
            age:2,
            girlfriend:{
                  name:"小红"
            }
      }

      const student2 = copy(student1);
      student1.girlfriend.name = "小花";
      console.log(student1); //女朋友：小花
      console.log(student2); //女朋友：小红
</script>

总结：

 1.json数据格式， 全称叫做JavaScript对象表示法
 2.JSON.stringify() 作用是将一个对象变成一个字符串
 3.JSON.parse() 作用：是将一个字符串变成一个JavaScript对象