js对象数组去重的方法

通过之前的介绍，大家已经知道了JavaScript对象可以为任意的数据类型。作为JavaScript中六大数据类型之一的数组，对于多余的内容有是如何去重的呢？本文介绍JavaScript中对象数组去重的两种方法：1、使用reduce()方法对象数组去重；2、利用set去重。

1、使用reduce()方法对象数组去重

reduce()方法从左到右依次处理数组的每个成员，最终累计为一个值。

去重思路：

通过数组的reduce()方法对数组的对象从左到右进行处理，定义一个空对象obj{}；

如果数组当前对象的name不在obj{}，就将当前对象的name加入到空对象，并将当前对象push到积累变量total数组里；

如果当前对象的name存在obj{}，则跳过push操作。

//reduce第一个参数是遍历需要执行的函数，第二个参数是item的初始值
var arr = [{"id":1,"name":"张三"},{"id":2,"name":"李四"},{"id":3,"name":"王五"},{"id":2,"name":"张三"}];
var obj = {};
arr = arr.reduce(function(item, next) {
       obj[next.id] ? '' : obj[next.id] = true && item.push(next);
       return item;
    }, []);
console.log(arr);

2、利用set去重

unique(arr) {
const res = new Map();
return arr.filter((a) => (
(!res.has(a.planNo) && res.set(a.planNo, 1))&& (!res.has(a.jobId) && res.set(a.jobId, 1))));
}

以上就是js对象数组去重的方法，希望能对你有所帮助哦~更多js学习推荐：js教程。