使用ES6进行对象数组去重

之前使用new Set数组去重,只可以去重简单字符数组,或者数字数组等。Array.from(new Set(arr))即可。但是这种方案针对对象数组并不适用.

那么简易的使用ES6进行对象数组去重呢?

const filterDuplicate = (arr: any) => {
    let res = new Map();
    return arr.filter((a: any) => !res.has(a.id) && res.set(a.id, 1));
}
const filterDuplicate = (arr: any) => {
    let map = new Map();
    arr.forEach((item: any, index: number) => {
        if (!map.has(item['id'])) {
            map.set(item['id'], item)
        }
    })
    return [...map.values()]
  }

以上两种方案均可。第二种稍微比较容易理解一点。new Map创建的其实它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。如果Map的键是一个简单类型的值(数字、字符串、布尔值),则只要两个值严格相等,Map将其视为一个键,包括0和-0。另外,虽然NaN不严格相等于自身,但Map将其视为同一个键。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值