一行代码完成js对象数组的深拷贝
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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 开源社区ITGeek介绍
- 下一篇: js获取选中文件的后缀名