js过滤数组对象中重复数据

最新推荐文章于 2024-04-19 10:47:35 发布

原创最新推荐文章于 2024-04-19 10:47:35 发布 · 8.4k 阅读

24 ·

CC 4.0 BY-SA版权

文章标签：

#es6

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用ES6的reduce和findIndex方法来过滤数组中具有重复ID的对象的方法。这是一种常见的需求，尤其是在处理带有唯一标识符的数据集时。

工作中，常常遇到[{id:1,name:'ming'},{id:2,name:'ming2'},{id:1,name:'ming'}] 这样的数据对象，如果想过滤掉id重复的数据，如何实现比较简单。这里需要利用到es6的reduce和findIndex,具体写法如下

const arr = [{id:1,name:'ming'},{id:2,name:'ming2'},{id:1,name:'ming'}] 
const newArr = arr.reduce(function (tempArr, item) {
    if (tempArr.findIndex((ele) => ele.id === item.id) === -1) {
        tempArr.push(item)
    }
    return tempArr
}, [])

这是道经典的面试题哦，也是工作中会用到的。