在使用原生JS时，我们有时候会遇到要对对象进行拷贝的情况，而对象是基于堆存储的，不能直接进行赋值操作，不然新对象操作的也是旧对象的地址，引出不必要的麻烦，所以我们需要对对象进行拷贝来重新操作。而拷贝时也分为深拷贝和浅拷贝，他们的不同就是是否对对象里面的对象再进行拷贝，这里提供两种原生的方法供大家参考：
第一种：
function extend(o1,deep){
var obj = {};
if(o1 instanceof Array){
obj = [];
}
for(var key in o1){
var value = o1[key];
//判断是深拷贝还是浅拷贝，浅拷贝的话直接赋值，深拷贝的话判断是否是 引用类型并且不是null
obj[key] = (!!deep && typeof value === "object" && value !== null) ? extend(value,deep) : value;
}
return obj;
}
var obj1 = {
a : 1,
b : ["a",{
c : ["x"]
}]
}
var obj2 = extend(obj1,true);
obj2.b[1].c.push("y");
console.log("obj1:");
console.log(obj1);
console.log("obj2:");
console.log(obj2);
打印结果如下：
可以看到我们对新对象中的c对象进行操作时不会去改变旧对象中的数据，这种方法中的extend第一个参数是要拷贝的对象，第二个是可传可不传的boolean值，表示是否进行深拷贝，默认是false。
第二种：
var obj3 = {
a : 1,
b : ["a",{
c : ["x"]
}]
}
var obj4 = JSON.parse(JSON.stringify(obj3));
obj4.b[1].c.push("y");
obj4.b[1].c.push("z");
console.log("obj3:");
console.log(obj3);
console.log("obj4:");
console.log(obj4);
打印结果如下：
可以看到我们对新对象中的c对象进行操作时不会去改变旧对象中的数据，这种方法的原理是用JSON提供的序列化和反序列化来实现的，这种方法不支持里面有函数的情况。
网友评论