先给定一个数组对象:
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: "唯品会"}]
方法二:采用数组中的reduce方法,遍历数组,也是通过对象访问属性的方法
// 方法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: "唯品会"}]