使用ES6进行对象数组去重

最新推荐文章于 2023-08-17 17:09:48 发布

原创最新推荐文章于 2023-08-17 17:09:48 发布 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 同时被 2 个专栏收录

36 篇文章

订阅专栏

ES6

1 篇文章

订阅专栏

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

之前使用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将其视为同一个键。