网上搜了很多对象数组去重的方法,但是基本都是简单的对象数组,根据id或者index去重,而对象数组的属性顺序改变,就会去重失败,这里给出一个用Map去重的方法。
const array = [
{b: 2, a: 1},
{a: 1, b: 2},
{c: 3},
{c: 3}
];
结果输出[{ a: 1, b: 2 }, { c: 3 }]
function uniqueObject(arr) {
const map = new Map();
arr.forEach(obj => {
const sortedObj = {};
Object.keys(obj).sort().forEach(key => {
sortedObj[key] = obj[key];
});
const jsonStr = JSON.stringify(sortedObj);
if (!map.has(jsonStr)) {
map.set(jsonStr, obj);
}
});
return Array.from(map.values());
}
console.log(uniqueObject(array));
// 输出: [{ a: 1, b: 2 }, { c: 3 }]
Object.keys方法用来获取一个包含所有键的数组,通过sort进行排序对象的键(注意:这不会改变对象本身的顺序,只是改变了遍历的顺序)键是按字典顺序排序的,JSON.stringify(sortedObj)可以将对象转化为字符串,通过检查Map的键中是否已经存在 jsonStr,
如果不存在,说明这是一个唯一的对象。Array.from()
将Map中的所有值(即原始的唯一对象)转换为一个数组