1、对于普通数组(数组元素为数字或者字符串),深拷贝很简单,拷贝之后两个数组指针指向的存储地址不同,从而完成深拷贝
var test = [1,2,3];//原数组
var testCopy = [].concat(test);//拷贝数组
testCopy[0]=4;
console.log(test);// [1,2,3]
console.log(testCopy);//[4,2,3]
2、对于对象数组

//形如

var objArr=[{"name":''weifeng"},{"name":"boy"}]

如果还是利用上述的[].concat()方法拷贝数组,则获取的结果仍然是浅拷贝,改变其一,统统改变,例子:

var test = [{"name":"demi"},{"name":"lily"}];//原数组
var testCopy = [].concat(test);//拷贝数组
testCopy[1].name="test";
console.log(test);// [{"name":"demi"},{"name":"test"}]
console.log(testCopy);//[{"name":"demi"},{"name":"test"}]

从例子上可以看出,这种对于对象数组的拷贝,由于数组内部属性值为引用对象,因此整个拷贝还是浅拷贝,拷贝之后数组各个值的指针还是指向相同的存储地址, 那么,如何完成此类数组的深拷贝,根据普通数组的深拷贝得到启发,我拷贝一个字符串,不拷贝引用对象,拷贝字符串会新辟一个存储地址,这样就切断了引用对象的指针联系,因此,得到的方法为:

var test = [{"name":"demi"},{"name":"lily"}];//原数组
var testCopy = [].concat(JSON.parse(JSON.stringify(test)));//拷贝数组,注意这行的拷贝方法 转换成json再转换成对象实现对象的深拷贝
testCopy[1].name="test";
console.log(test);// [{"name":"demi"},{"name":"lily"}]
console.log(testCopy);//[{"name":"demi"},{"name":"test"}]

至此,大功告成,一行代码完成对象数组的深拷贝!

小结

数组和对象的深拷贝是js中最常见的应用。理解各种方法是必须的。希望对大家有所帮助。 本文中并没有对异常进行处理,主要在讲原理。更多的数组以及对象的操作方法,可以参考lodash.js的源码,查看它的源码可以让你的js基础变得非常牢固。我也在学习中。


Demi_YuHongJun

Demi的随笔和技术空间