品易云推流 关闭
文章详情页
文章 > JavaScript > js对象数组去重的方法

js对象数组去重的方法

js对象数组去重

头像

宋雪维

2021-01-13 11:41:144113浏览 · 0收藏 · 0评论

通过之前的介绍,大家已经知道了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教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图