JS数组对象去重(4种方法)
问题:数组对象去重
var arr = [{name: 'a',id: 1}, {name: 'a',id: 2}, {name: 'b',id: 3}, {name: 'c',id: 4}, {name: 'c',id: 6}, {name: 'b',id: 6}, {name: 'd',id: 7}];
对数组对象name进行去重处理, 结果显示为:
[{name: 'a',id: 1}, {name: 'b',id: 3}, {name: 'c',id: 4}, {name: 'd',id: 7}];
对数组对象name进行去重处理, 结果显示为:
[{name: 'a',id: 1}, {name: 'b',id: 3}, {name: 'c',id: 4}, {name: 'd',id: 7}];
方法一:es5冒泡排序法,去重arr
var arr = [{name: 'a',id: 1}, {name: 'a',id: 2}, {name: 'b',id: 3}, {name: 'c',id: 4}, {name: 'c',id: 6}, {name: 'b',id: 6}, {name: 'd',id: 7}]; function deWeight() { for (var i = 0; i < arr.length - 1; i++) { for (var j = i + 1; j < arr.length; j++) { if (arr[i].name == arr[j].name) { arr.splice(j, 1); //因为数组长度减小1,所以直接 j++ 会漏掉一个元素,所以要 j-- j--; } } } return arr; } var newArr = deWeight(); console.log('%c%s', 'color:red;', '方法一:es5,newArr', newArr);
方法二:es5新建数据双重循环,去重arr2
var arr2 = [{name: 'a',id: 1}, {name: 'a',id: 2}, {name: 'b',id: 3}, {name: 'c',id: 4}, {name: 'c',id: 6}, {name: 'b',id: 6}, {name: 'd',id: 7}]; var temp = []; function deWeightTwo() { arr2.forEach(function(a) { var check = temp.every(function(b) { return a.name !== b.name; }) check ? temp.push(a) : '' }) return temp; } var newArr2 = deWeightTwo(); console.log('%c%s', 'color:red;', '方法二:es5,newArr2', newArr2);
方法三:es6的Map(),去重arr3
var arr3 = [{name: 'a',id: 1}, {name: 'a',id: 2}, {name: 'b',id: 3}, {name: 'c',id: 4}, {name: 'c',id: 6}, {name: 'b',id: 6}, {name: 'd',id: 7}]; let deWeightThree = () => { let name = 'name'; let map = new Map(); for (let item of arr3) { if (!map.has(item.name)) { map.set(item.name, item); } } return [...map.values()]; } let newArr3 = deWeightThree(); console.log('%c%s', 'color:red;', '方法三:es6,newArr3', newArr3);
方法四:es5,对象法去重arr4
var arr4 = [{name: 'a',id: 1}, {name: 'a',id: 2}, {name: 'b',id: 3}, {name: 'c',id: 4}, {name: 'c',id: 6}, {name: 'b',id: 6}, {name: 'd',id: 7}]; // array.reduce(function(total, currentValue, currentIndex, arr), initialValue) // (function(必选初始值或计算结束返回值, 必选当前元素, 可选索引, 可选原数组),可选函数初始值) var obj = {}; function deWeightFour() { arr4 = arr4.reduce(function(a, b) { obj[b.name] ? '' : obj[b.name] = true && a.push(b); return a; }, []) return arr4; } var newArr4 = deWeightFour(); console.log('%c%s', 'color:red;', '方法四:es5,newArr4', newArr4);
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)