js数组内对象被覆盖问题

项目场景：

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);
        });