深拷贝和浅拷贝

随手记录，有不足地方大伙们多多提醒

数据类型

原始类型：String、Number、Boolean、Null、Undefined、symbol（es6新增）
引用类型：Object、Arrary

引用类型是保存在内存中的对象,js是不允许直接访问对象内存位置，所以不能直接操作对象所在的内存空间，所以想要该对象只能是对该对象的引用而不是对象的本身

1、浅拷贝对于引用类型是会改变原来的数组

    let hobby = ["打游戏", "喝奶茶", "熬夜"];
    let copyhobby = hobby;
    copyhobby.push("看电影")
    console.log(hobby) //["打游戏", "喝奶茶", "熬夜", "看电影"]
    console.log(copyhobby); //["打游戏", "喝奶茶", "熬夜", "看电影"]

2、使用JSON.parse(JSON.stringify(obj));

 let obj = {
      name: "memory",
      hobby: ["打游戏", "喝奶茶", "熬夜"],
    };
    let copyhobby = JSON.parse(JSON.stringify(obj));
    copyhobby.hobby.push("看电影");
    console.log(obj,"obj"); 
    console.log(copyhobby,"copyhobby"); 

缺点：如果对象里有function、undefined，JSON.parse(JSON.stringify(obj))深拷贝会把function、undefined丢失

let obj = {
      name: "memory",
      hobby: ["打游戏", "喝奶茶", "熬夜"],
      add:()=>{
        console.log(222)
      },
      sex:undefined
    };
    let copyhobby = JSON.parse(JSON.stringify(obj));
    copyhobby.hobby.push("看电影");
    console.log(obj,"obj"); 
    console.log(copyhobby,"copyhobby"); 

3、使用递归深拷贝
优点：可以解决JSON.parse(JSON.stringify(obj));有function、undefined丢失问题
缺点：递归判断不好会出现死循环

 let obj = {
      name: "memory",
      hobby: ["打游戏", "喝奶茶", "熬夜"],
      add:()=>{
        console.log(222)
      },
      sex:undefined
    };

    function cloneDeep(obj){
      // 1、判断传参是否为对象或者数组，创建新的空数组或对象，存放数据
      let newObj = obj instanceof Array ? [] :{}
      // 2、遍历参数，
      for(let key in obj){
        // 3、判断属性值是否为object,如果嵌套是进行递归
        if(typeof obj[key] === 'object'){
          newObj[key] = cloneDeep(obj[key])
        }else{
          // 4、如果数据为基本类型，则直接赋值
          newObj[key] = obj[key]
        }
      }
      // 5、最后把存放新的对象返回
      return newObj
    }


    let copyhobby = cloneDeep(obj)
    copyhobby.hobby.push("看电影");
    console.log(obj,"obj"); 
    console.log(copyhobby,"copyhobby");