---

请问对象数组如何去重？

目录

请问对象数组如何去重？

1.es5数组新方法  reduce

2.利用indexOf

3.直接for循环，利用对象属性的唯一性

---

 

每个对象的内存地址本身就不一样，去重的意义何在，非要去重的话，那只能通过JSON.stringify序列化成字符串(这个方法有一定的缺陷)后进行对比，或者递归的方式进行键-值对比，但是对于大型嵌套对象来说还是比较耗时的，

都是根据每个对象的某一个具体属性来进行去重，因为考虑到服务端返回的数据中可能存在id重复的情况，需要前端进行过滤，

1.es5数组新方法  reduce

//reduce方法有两个参数，第一个参数是一个callback，用于针对数组项的操作；第二个参数则是传入的初始值，这个初始值用于单个数组项的操作。

const res = [{ id: 1, a: 1 },{ id: 2, a: 2 },{ id: 3, a: 3 },{ id: 1, a: 4 },
];
const result = res.reduce((acc, cur) => {const ids = acc.map(item => item.id);return ids.includes(cur.id) ? acc : [...acc, cur];
}, []);
console.log(result); // -> [ { id: 1, a: 1}, {id: 2, a: 2}, {id: 3, a: 3} ]

2.利用indexOf

var arr = []
var data = [{id:1,time:'1'},{id:2,time:'2'},{id:2,time:'3'},
]
for(let val of data){arr.push(val.id)
}
var newArr = [];
var newArr2 = [];
for(var i =0;i<arr.length-1;i++){if(newArr.indexOf(arr[i]) == -1){newArr.push(arr[i]);newArr2.push(data[i]);}
}
data= newArr2;
//[{id: 1, time: "1"}, {id: 2, time: "2"}]

3.直接for循环，利用对象属性的唯一性

 var arr = [{id:'1',data:'1'},{id:'2',data:'2'},{id:'1',data:'1'},]var result = {}for(var i=0;i<arr.length;i++){result[arr[i]['id']] = arr[i]}
console.log('11',result)