js对象数组去重的方法
2024-08-01
来源:化拓教育网
通过之前的介绍,大家已经知道了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学习推荐:。