ES6 利用reduce（数组/数组对象）去重

最新推荐文章于 2024-05-08 21:02:03 发布

原创最新推荐文章于 2024-05-08 21:02:03 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#去重

ES6 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用JavaScript进行数组去重的方法，通过reduce函数结合对象属性判断，高效地去除重复元素，保持数组中唯一ID对应的对象。

let person = [
     {id: 0, name: "aaa"},
     {id: 1, name: "bbb"},
     {id: 2, name: "ccc"},
     {id: 3, name: "ddd"},
     {id: 1, name: "eee"},
     {id: 2, name: "fff"},   
];
 
let obj = {};//有助于增加遍历效率
 
person = person.reduce((cur,next) => {
    obj[next.id] ? "" : obj[next.id] = true && cur.push(next);
    return cur;
},[]) //设置cur默认类型为数组，并且初始值为空的数组
console.log(person);