1、使用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去重
可以判断多个属性,这里判断了两个条件,(id 和 name)
var arr2 = [{"id":1,"name":"张三"},{"id":2,"name":"李四"},{"id":3,"name":"王五"},{"id":2,"name":"张三"},{'id':4,'name':'李四'}];
function unique(arr){
const res= new Map()
return arr.filter((a)=> !res.has(a.id) && res.set(a.id,1) && !res.has(a.name) && res.set(a.name,1))
}
//输出结果:
unique(arr2)
[
{
"id": 1,
"name": "张三"
},
{
"id": 2,
"name": "李四"
},
{
"id": 3,
"name": "王五"
}
]
3、使用双重循环实现
var arr = [{ name: '小明', id: 1 }, { name: '张晓', id: 2 }, { name: '王哈', id: 3 }, { name: '刘海', id: 4 },
{ name: '小明', id: 6 }, { name: '李宁', id: 7 }, { name: '王哈', id: 8 }];
var temp = [];
function uniqueArray() {
arr.forEach(function (a) {
var check = temp.every(function (b) {
return a.name !== b.name;
})
check ? temp.push(a) : ''
})
return temp;
}
var result = uniqueArray();
console.log('方法一:es5,result=', result);
4、使用ES6中的map实现
var arr = [{ name: '小明', id: 1 }, { name: '张晓', id: 2 }, { name: '王哈', id: 3 }, { name: '刘海', id: 4 },
{ name: '小明', id: 6 }, { name: '李宁', id: 7 }, { name: '王哈', id: 8 }];
let uniqueArray = () => {
let name = 'name';
let map = new Map();
for (let item of arr) {
if (!map.has(item.name)) {
map.set(item.name, item);
}
}
return [...map.values()];
}
let result = uniqueArray();
console.log('方法二:result=', result);