在循环中,列表中添加字典出现值重复的问题

本文探讨了在JavaScript中,如何避免在循环更新字典列表时导致值重复的问题。关键在于理解浅拷贝原理,并通过创建新对象来实现独立的字典副本。通过实例代码和关键点提示,展示了如何在`forEach`循环中正确处理字典元素的更新。

在循环中,列表中添加字典出现值重复的问题

首先列表跟字典在创建的时候都是先在堆中开辟一块空间,栈中存放的只是空间的引用,而列表的push操作只是把字典的引用添加到列表中。这么做的目的是为了提高效率,说白了就是浅拷贝。
因此在你修改字典值时索引对应的值也发生了改变。
解决方法

this.multipleSelection.forEach((item, index) => {
        item = {} // 关键点!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
        item.id = parseInt(this.multipleSelection[index].ID)
        item.workID = parseInt(this.multipleSelection[index].WorkID)
        if (this.multipleSelection[index].ProductTF === '合格') {
          item.productTF = 1
        } else {
          item.productTF = 0
        }
        item.productState = this.multipleSelection[index].ProductState
        item.report = parseInt(this.multipleSelection[index].Report)
        this.multipleSelections.push(item)
      })
      console.log(this.multipleSelections)

解决的关键在于重新开辟一块新的空间 item = {}

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值