2023.8.1今天我学习了如何使用js把重复push的数组只取最新的。
如:当我们使用@input方法需要对数据进行叠加的时候可能会对同一条数据进行多次操作。
如:
data:[
{id:1,name:'张三'},{id:2,name:'李四'},{id:1,name:'张三三'}
]
通过这个数组我们会发现id为1的这个数据会添加了两次,但是我们只需要拿到最新的数据。
代码如下:
let obj = {
id: val.id,
name: val.name,
}
this.oldData.push(obj) //叠加数组
let lastData = {}
for (let i = 0; i < this.oldData.length; i++) {
let item = this.oldData[i]
lastData[item.id] = item //根据id去拿对应的数据
}
let transformData = Object.values(lastData)
this.newData = transformData
这样可以实现
data:[
{id:2,name:'李四'},{id:1,name:'张三三'}文章来源:https://www.toymoban.com/news/detail-623919.html
]就不会造成拿到重复的数据。文章来源地址https://www.toymoban.com/news/detail-623919.html
到了这里,关于js实现push重复的数组拿到最新的数据的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!