May
8th,
2016
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基础变得非常牢固。我也在学习中。