在循环中,列表中添加字典出现值重复的问题
首先列表跟字典在创建的时候都是先在堆中开辟一块空间,栈中存放的只是空间的引用,而列表的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 = {}
本文探讨了在JavaScript中,如何避免在循环更新字典列表时导致值重复的问题。关键在于理解浅拷贝原理,并通过创建新对象来实现独立的字典副本。通过实例代码和关键点提示,展示了如何在`forEach`循环中正确处理字典元素的更新。
1870

被折叠的 条评论
为什么被折叠?



