js对象深度拷贝

js对象复制（深度和浅度拷贝）

js中对象是引用数据类型，如果我们只是简单的把对象A通过等号复制给对象B，那么对象A、B指向的还是同一个地址，这是改变A，B也会跟着改变。

var A={a:1}
var B=A;
B.a=2;
console.log(A.a)  //2

这并不是我们想要看到的，一般我们想要的拷贝一个对象就是想要相互不影响两个对象。也就是深度拷贝，不止拷贝指向，也一起拷贝值。

分两种情况，如果对象只有一层，对象里不包含对象相对简单，但如果有多层对象相对比较复杂。

1，对象只有一层，运用es6的对象扩展实现

es6的扩展，其实就是直接把值展开然后复制给新的对象，而不是只复制对象指针

let m={a:0,b:2};
n={...m};
n.a=33;
console.log(m.a,n.a)   //0,33

2，对象多层，stringify直接转为字符串，拷贝字符串，然后再parse转为对象。

运用json对象的自带的方法stringify把对象转为转为字符串，复制后在转为对象

let obj={a:0,b:{b1:0,b2:3}},
     obj2= JSON.parse(JSON.stringify(obj));
obj2.b=3;
console.log(obj.b,obj2.b) //{b1:0,b2:3}   3

3，对象多层，使用循环一一取出赋值给新对象

封装一个转化函数，对象里的每一层都取出进行值赋值。

function deepCopyObj(oldObj){
  var newObj={};
  if(oldObj &&  typeof oldObj=="object" ){
    for(let i in oldObj ) {
    	
      if(typeof oldObj[i]=="object"){//如果子还是对象那么循环调用值赋值
        newObj[i]=deepCopyObj(oldObj[i]);
      }else{//直接值赋值
        newObj[i]=oldObj[i];
      }
    }
    return newObj
  }
}

验证此函数

let obj={
a:{a1:1,a2:2},
b:2
}
let obj2=deepCopyObj(obj)
obj2.a.a2=808
console.log(obj.a.a2,obj2.a.a2)     //2， 808

可以看出结果互不影响。

4，对象多层可以使用jquery的extend进行深度拷贝

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

• deep表示是否深拷贝，为true为深拷贝，为false，则为浅拷贝
• target Object类型 目标对象，其他对象的成员属性将被附加到该对象上。
• object1 objectN可选。 Object类型 第一个以及第N个被合并的对象。

大概就这几种了，如果有好的