关于vue中深拷贝的惨痛教训

近期在做一个关于地图的项目,由于要展示的数据中有的还没有定位信息,但是需要展示其他信息,所以要做数据的筛选,但是,经过筛选之后发现地图能正常展示了,但是数据出现了有时出现,有时不出现的情况,经过不懈努力终于把数据展示搞没问题了,地图中展示的marker点又乱了(一脸懵逼)。后来想起来之前操作虽然看似将地图数据和展示数据分开,但是由于只是改变了指向,所以最终操作的还是一个玩意(蠢哭)。下面上深拷贝代码。

1.数组

1 var vs=[1,2,453,12,432]
2 var gets=vs
3 gets.push(0)
4 console.log(vs)
5 //[1,2,453,12,432,0]
//不通过深拷贝会改变原来数组中的内容

应改为

1 var vs=[1,2,453,12,432]
2 var gets=vs.JSON.parse(JSON.stringify(vs))
3 gets.push(0)
4 console.log(vs)
//此时vs值不会变化,两个值是独立存在的

 

上一篇:洛谷【P2022 有趣的数】 题解


下一篇:elasticsearch 单节点出现unassigned_shards