本文介绍JavaScript中数组对象去重的两种常用方法。第一种利用对象访问属性的特性,通过判断key是否存在来过滤重复数据;第二种结合数组的reduce方法遍历数组,同样基于对象属性判断实现去重。
JavaScript数组对象去重的两种实现方式
第一种方案:
利用对象访问属性的特性,通过判断属性值是否存在来决定是否添加元素,若不存在则执行添加操作。
第二种方案:
利用数组的reduce方法遍历数组,其核心逻辑也是通过对象访问属性的方式来判断并处理数据。
var arr = [{
key: '01',
value: '乐乐'
}, {
key: '02',
value: '博博'
}, {
key: '03',
value: '淘淘'
},{
key: '04',
value: '哈哈'
},{
key: '01',
value: '乐乐'
}];
// 方法1:利用对象访问属性的方法,判断对象中是否存在key
var result = [];
var obj = {};
for(var i =0; i<arr.length; i++){
if(!obj[arr[i].key]){
result.push(arr[i]);
obj[arr[i].key] = true;
}
}
console.log(result); // [{key: "01", value: "乐乐"},{key: "02", value: "博博"},{key: "03", value: "淘淘"},{key: "04", value: "哈哈"}]
// 方法2:利用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数,第二个参数是item的初始值
var obj = {};
arr = arr.reduce(function(item, next) {
obj[next.key] ? '' : obj[next.key] = true && item.push(next);
return item;
}, []);
console.log(arr); // [{key: "01", value: "乐乐"},{key: "02", value: "博博"},{key: "03", value: "淘淘"},{key: "04", value: "哈哈"}]
如有不足之处,敬请指正;希望这些内容能为您提供帮助。
总结
以上内容即为本文的全部介绍,期望对您的学习或工作有所助益,感谢支持。如需了解更多相关信息,请参阅下方的相关链接。