有数组如下:
searchList:[{
id: 0,
name: '测试卷'
},{
id: 2,
name: '测试数据'
}]
另一个数组:
searchInfo: []
本意是要对这个数组进行操作,但又不想操作原数组
js中我的写法是:
this.searchInfo = this.searchList;
然后对searchInfo进行逻辑操作
但是我发现searchList中的数据也被修改了
后来发现是ES6的深拷贝与浅拷贝的区别,浅拷贝只是把数组复制了一份,数组指向的存储地址还是没变,所有不管操作哪一个数组,两个数组都会被改变
改用深复制方法:this.searchInfo = JSON.parse(JSON.stringify(this.searchList))
这样我对searchInfo进行操作的时候就不会改变searchList了。
其他具体的东西可以自己去百度ES6深拷贝与浅拷贝。
深拷贝和浅拷贝问题
最新推荐文章于 2023-04-11 14:25:59 发布