JS 原生 push对象到数组中遇到的问题

Posted 2020-09-27 熊大黑吖

在做小程序开发时，需要将一个对象push到数组中，第一次写法是

 for(var j in that.data.goods ){//遍历商品信息 获取商品id
        // console.log(that.data.goods[j].id)
      for(var h in that.data.cart.list){//遍历缓存中购物车列表，获取下标
          if(j==h){
           // var goods_id_list ={‘id‘:‘‘,‘num‘:‘‘};//定义一个接受对象
            console.log(that.data.goods[j].id)//获取了所选商品的id值
            console.log(that.data.cart.list[h])//获取了所选商品的数量
            that.data.cartGoods=that.data.goods[j].id;
           that.data.cartGoods = that.data.cart.list[h];
            // var aa = that.data.cartGoods
             goods.push(that.data.cartGoods);//添加数组信息
          }
      }

这样输出的结果你数组元素都是最后一个对象。因为tmp声明在for循环之外，当listData数组push这个tmp对象时，一直是同一个对象，而并不是将对象的数据压入，只是在listData数组建立了一个对象的引用关系。故随着for的i值改变，tmp对象内部的内容也跟着改变，而listData压入的对象却始终是tmp这个对象（tmp生命周期不受for循环影响）。所以最终console.log(listData)出来的对象数组里面的元素都是一样的数据。简言之：就是tmp对象的数据再变，但是listData压入的tmp却是不变的。

需要在里面定义一个接受数组

    for(var j in that.data.goods ){//遍历商品信息 获取商品id
        // console.log(that.data.goods[j].id)
      for(var h in that.data.cart.list){//遍历缓存中购物车列表，获取下标
          if(j==h){
           var goods_id_list ={‘id‘:‘‘,‘num‘:‘‘};//定义一个接受对象
            console.log(that.data.goods[j].id)//获取了所选商品的id值
            console.log(that.data.cart.list[h])//获取了所选商品的数量
            goods_id_list.id=that.data.goods[j].id;
            goods_id_list.num = that.data.cart.list[h];
            // var aa = that.data.cartGoods
             goods.push(goods_id_list);//添加数组信息
          }
      }
    }