js中给数组中对象去重

最新推荐文章于 2025-03-20 14:30:08 发布

转载最新推荐文章于 2025-03-20 14:30:08 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000017838234

本文介绍了两种有效的数组中对象去重方法，一是通过forEach遍历并利用对象存储已存在的ID，二是使用reduce方法结合对象判断实现去重，适用于前端开发中处理重复数据问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

被问到如何给数组中对象去重，想到set答案肯定错误的，这个平时工作中用到的不多，查阅资料，找到给数组中对象去重的方法，利用对象属性名的唯一性，怪自己当时没想到。
方法一：

 let ary=[
     {id: 0, name: "小明"},
     {id: 1, name: "小张"},
     {id: 2, name: "小李"},
     {id: 3, name: "小孙"},
     {id: 1, name: "小周"},
     {id: 2, name: "小陈"},   
];
var result = [];
var obj = {};
ary.forEach((ele,index)=>{
  if(!obj[ele.id]){
    result.push(ele);
    obj[ele.id]=true;
  }
});
//console.log(result)

方法二：用数组的reduce()方法(累加器)
redeuce()参数：回调函数，传递给函数初始值（可选）
回调函数的参数：
1：初始值, 或者计算结束后的返回值。
2：当前元素
3：当前元素的索引(可选)
4：当前元素所属的数组对象(可选)

let arys=[1,2,3];
//curs第一次为初始值1，之后为上一次累加结果3，
//next当前要累加得元素
var a=arys.reduce((curs,next)=>{
   // console.log(next)
    //1+2
    //3+3
 return curs+next;
});
//console.log(a);//6

利用redeuce()为数组中对象去重

  let ary=[
     {id: 0, name: "小明"},
     {id: 1, name: "小张"},
     {id: 2, name: "小李"},
     {id: 3, name: "小孙"},
     {id: 1, name: "小周"},
     {id: 2, name: "小陈"},   
];
let obj = {};
ary=ary.reduce((curs,next)=>{
   obj[next.id]?"":obj[next.id]=true&& curs.push(next);
   return curs;
},[]);