深拷贝与浅拷贝

深拷贝与浅拷贝

深拷贝：B复制A，修改B的数据，A数据不会变；
浅拷贝：B复制A，修改B的数据，A数据也会跟着变化；

深拷贝的方法

1. 使用递归取复制数据；`

function deepClone(obj){
      let objClone = Array.isArray(obj)?[]:{};
      if(obj && typeof obj==="object"){
          for(let key in obj){
            console.log(key,obj.hasOwnProperty(key),'key')
              if(obj.hasOwnProperty(key)){
                  //判断ojb子元素是否为对象，如果是，递归复制
                  if(obj[key]&&typeof obj[key] ==="object"){
                    objClone[key] = deepClone(obj[key]);
                  }else{
                    //如果不是，简单复制
                    objClone[key] = obj[key];
                  }
              }
          }
      }
      return objClone;
    }, 
let a=[0,1,2,3,4],
// 拷贝关键
b=deepClone(a);
a[0]=1;
console.log(a,b);

3. 使用JSON对象的parse和stringify;

let a=[0,1,2,3,4],
// 拷贝关键
b=JSON.parse(JSON.stringify(a));
a[0]=1;
console.log(a,b);

4. 使用JQ的extend方法；

$.extend( [deep ], target, object1 [, objectN ] )

deep表示是否深拷贝，为true为深拷贝，为false，则为浅拷贝

target Object类型 目标对象，其他对象的成员属性将被附加到该对象上。

object1 objectN可选。 Object类型 第一个以及第N个被合并的对象。

let a=[0,1,2,3,4],
b=$.extend(true,[],a);
a[0]=1;
console.log(a,b);

因项目需求，通过多方查找资料与交流所得。如有侵权，请联系删除！