2023.8.1今天我學(xué)習(xí)了如何使用js把重復(fù)push的數(shù)組只取最新的。
如：當(dāng)我們使用@input方法需要對(duì)數(shù)據(jù)進(jìn)行疊加的時(shí)候可能會(huì)對(duì)同一條數(shù)據(jù)進(jìn)行多次操作。
如：
data:[
{id:1,name:'張三'},{id:2,name:'李四'},{id:1,name:'張三三'}
]
通過這個(gè)數(shù)組我們會(huì)發(fā)現(xiàn)id為1的這個(gè)數(shù)據(jù)會(huì)添加了兩次，但是我們只需要拿到最新的數(shù)據(jù)。
代碼如下：
let obj = {
id: val.id,
name: val.name,
}
this.oldData.push(obj) //疊加數(shù)組
let lastData = {}
for (let i = 0; i < this.oldData.length; i++) {
let item = this.oldData[i]
lastData[item.id] = item //根據(jù)id去拿對(duì)應(yīng)的數(shù)據(jù)
}
let transformData = Object.values(lastData)
this.newData = transformData這樣可以實(shí)現(xiàn)?
data:[
{id:2,name:'李四'},{id:1,name:'張三三'}文章來源：http://www.zghlxwxcb.cn/news/detail-623919.html
]就不會(huì)造成拿到重復(fù)的數(shù)據(jù)。文章來源地址http://www.zghlxwxcb.cn/news/detail-623919.html
到了這里，關(guān)于js實(shí)現(xiàn)push重復(fù)的數(shù)組拿到最新的數(shù)據(jù)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[MFC]過濾數(shù)組中重復(fù)的數(shù)據(jù)](https://imgs.yssmx.com/Uploads/2024/02/746031-1.png)
