项目场景:
js写一个循环赋值,结果写了一个bug,我还找了半天,自己被自己蠢哭了。
问题描述:
今天开发遇到一个问题,js 循环外定义一个对象 然后数组内循环push, 数组内对象被覆盖,(没想到我自己也会犯这种粗心错误,太丢人了,话不多说直接上干货)
原因分析:
每次取出来的值都放在了b中,因为是在外面定义的对象,所以b的地址是一样的,arr中保存的是b的地址,当最后一次给b赋值的时候,由于是同一个b(对象),所以最后一次给b.value赋值的后会把之前的值覆盖掉。
(有兴趣的朋友可以去了解一下js的栈和堆,这样就明白了,下一期我简单写一下栈和堆,有兴趣的可以看看)
废话不多说,直接大白话上干货解决问题。
解决方案:
只需要将循环外的对象拿到循环里面,进行赋值然后再push就可以解决这个问题了。
res.data.forEach(element => {
let b = {
key: element.key,
value: element.value,
type: false
}
that.data.dataList.push(b);
});