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":"weifeng"},{"name":"boy"}];//原數組
var _testCopy = [].concat(_test);//拷貝數組
_testCopy[1].name="girl";
console.log(_test);// [{"name":"weifeng"},{"name":"girl"}]
console.log(_testCopy);//[{"name":"weifeng"},{"name":"girl"}]

從例子上可以看出，這種對于對象數組的拷貝，由于數組內部屬性值為引用對象，因此整個拷貝還是淺拷貝，拷貝之后數組各個值的指針還是指向相同的存儲地址，
那么，如何完成此類數組的深拷貝，根據普通數組的深拷貝得到啟發，我拷貝一個字符串，不拷貝引用對象，拷貝字符串會新辟一個存儲地址，這樣就切斷了引用對象的指針聯系，因此，得到的方法為：

var _test = [{"name":"weifeng"},{"name":"boy"}];//原數組
var _testCopy =?[].concat(JSON.parse(JSON.stringify(_test)));//拷貝數組,注意這行的拷貝方法
_testCopy[1].name="girl";
console.log(_test);// [{"name":"weifeng"},{"name":"boy"}]
console.log(_testCopy);//[{"name":"weifeng"},{"name":"girl"}]

至此，大功告成，一行代碼完成對象數組的深拷貝！

此文章為轉載，傳送門:https://blog.csdn.net/xiongqiangwin1314/article/details/53184638

轉載于:https://www.cnblogs.com/longxx/p/9376405.html

總結

以上是生活随笔為你收集整理的一行代码完成js对象数组的深拷贝的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。