码迷,mamicode.com
首页 > 编程语言 > 详细

js中数组对象去重的方法

时间:2019-02-15 10:24:09      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:执行   item   存在   key   对象   需要   var   bsp   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: "哈哈"}]

js中数组对象去重的方法

标签:执行   item   存在   key   对象   需要   var   bsp   reduce   

原文地址:https://www.cnblogs.com/wgy0528/p/10382043.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!