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中的所有值(即原始的唯一对象)转换为一个数组

  • 7
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值