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

使用ES6进行对象数组去重相关推荐

JS数组对象去重，ES6最简数组去重
JS数组对象去重,ES6最简数组去重 // 测试数据 // 比如我们处理 value 的去重 var arrList = [{key: 1, value: "aaa"},{key: ...
【ES6】最简单的对象数组去重的方法
对象数组去重的方法 // arr传数组名,attr传属性名 const uniqueArr=(arr,attr)=> {const res = new Map();return arr.filt ...
两个对象数组去重的3种方法
两个对象数组去重的3种方法前言问题描述解决方案一解决方案二解决方案三前言前段时间写过JavaScript数组去重最简单的 4 种方案,里面的数组元素是基本类型.本文要讲的数组元素是对象, ...
分享6个对象数组去重的方法
大家好,关于对象数组去重的业务场景,想必大家都遇到过类似的需求吧,针对这样的需求,你是怎么做的呢. 下面我就先和大家讨论下基于对象的某个属性如何去重. 方法一:使用 .filter() 和 .find ...
vue 对象数组去重
vue 对象数组去重 1.利用set去重其实很简单,一般的数组去重可以直接用 new Set() 方法即可,但是数组对象的话,比较复杂,不能直接用,我们可以采取间接的方法来去重对象去重 uniqu ...
JS对象数组去重简单有效方法
I.输入 JS对象数组去重是业务经常遇到的方法,稍微简洁一点的方法,如下: var data = [{"id": 1, "name": "李四1&qu ...
es6 使用filter给对象数组去重
一般的去重方式 var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7,8,8,0,8,6,3,4,56,2]; var arr2 = arr.filter((x, index ...
js 去重某个键值数组对象_js数组去重（包括对象数组去重）
2019.08.02补: 对象数组建议直接循环然后使用工具库(lodash)的深比较,评论里也有指出,文章的方法有些取巧了生产环境不要这么玩~. 方法一:利用ES6的Array.from()/扩展运 ...
JSON对象数组去重
第一种:通过判断数组中当前元素的下标与该元素第一次出现在数组中的下标是否一致来进行数组去重 let arr = [{id: 1,name: '第一'},{id: 2,name: '第二'},{id: ...

使用ES6进行对象数组去重

使用ES6进行对象数组去重相关推荐

最新文章

热门文章