Js对象数组去重（属性顺序不同）

​

网上搜了很多对象数组去重的方法，但是基本都是简单的对象数组，根据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中的所有值（即原始的唯一对象）转换为一个数组

​