1、對(duì)于普通數(shù)組（數(shù)組元素為數(shù)字或者字符串），深拷貝很簡(jiǎn)單，拷貝之后兩個(gè)數(shù)組指針指向的存儲(chǔ)地址不同，從而完成深拷貝

var _test = [1,2,3];//原數(shù)組
var _testCopy =?[].concat(_test);//拷貝數(shù)組
_testCopy[0]=4;
console.log(_test);// [1,2,3]
console.log(_testCopy);//[4,2,3]

2、對(duì)于對(duì)象數(shù)組

//形如
var _objArr=[{"name":''weifeng"},{"name":"boy"}]

如果還是利用上述的[].concat()方法拷貝數(shù)組，則獲取的結(jié)果仍然是淺拷貝，改變其一，統(tǒng)統(tǒng)改變，例子：

var _test = [{"name":"weifeng"},{"name":"boy"}];//原數(shù)組
var _testCopy = [].concat(_test);//拷貝數(shù)組
_testCopy[1].name="girl";
console.log(_test);// [{"name":"weifeng"},{"name":"girl"}]
console.log(_testCopy);//[{"name":"weifeng"},{"name":"girl"}]

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

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

至此，大功告成，一行代碼完成對(duì)象數(shù)組的深拷貝！

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

轉(zhuǎn)載于:https://www.cnblogs.com/longxx/p/9376405.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。