使用ES6进行对象数组去重

本文介绍了使用ES6中的Map对象来实现对象数组的去重方法。提供了两种实用的代码示例,帮助开发者轻松解决对象数组中重复元素的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

之前使用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
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值