javascript 数组对象根据id去重的几种方法

 

 

例如：想去除重复id为1的项

arr = [
{ id: 1, name: '张三', age: 20 },
{ id: 1, name: '张三', age: 20 },
{ id: 2, name: '李四', age: 20 },
{ id: 3, name: '马五', age: 20 },
];

方法一

通过forEach再通过some方法判断数组是否包含当前对象id，不包含则添加

some() {
let some: any = [];
this.arr.forEach(el => {
if (!some.some(e => e.id == el.id)) {
some.push(el);
}
});
console.log(some);
}

方法二

通过forEach再通过find方法判断数组是否包含当前对象id，不包含则添加

find() {
let find: any = [];
this.arr.forEach(el => {
if (!find.find(e => e.id == el.id)) {
find.push(el);
}
});
console.log(find);
}

 

方法三

通过reduce方法，通过定义的obj，判断obj[next.id] 是否存在，存在设置为“”，不存在则push

reduce() {
let obj = {};
let reduce = [];
reduce = this.arr.reduce(function(item, next) {
//item为没有重复id的数组，next为当前对象
obj[next.id] ? '' : (obj[next.id] = true && item.push(next));
return item;
}, []);
console.log(reduce);
}

 

方法四

通过for循环遍历，再通过some方法判断数组是否包含当前对象id，不包含则添加

forAway() {
let forData = [];
for (let i = 0; i < this.arr.length; i++) {
if (!forData.some(e => e.id == this.arr[i].id)) forData.push(this.arr[i]);
}
console.log(forData);
}

    let obj = {};
    var reduce = this.persons.reduce((curr, next) => {
      /*判断对象中是否已经有该属性  没有的话 push 到 curr数组*/
      obj[next.age + next.name] ? '' : obj[next.age + next.name] = curr.push(next);
      return curr;
    }, []);

    console.log('reduce', reduce);