es6数组对象怎么根据属性值去重

es6
782
2024/1/7 15:59:48
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

使用Set数据结构和Array.from()方法可以很方便地根据属性值对ES6数组对象进行去重。

假设有一个ES6数组对象,每个元素都是一个对象,对象中有一个属性值用于去重,可以按照以下步骤进行操作:

  1. 使用Array.map()方法创建一个新的数组,该数组只包含需要去重的属性值。

  2. 使用Set数据结构进行去重操作,Set会自动去除重复的属性值。

  3. 将Set转换成一个新的数组,可以使用Array.from()方法。

下面是一个示例代码:

const arr = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Alice' },
  { id: 4, name: 'David' },
  { id: 5, name: 'Bob' }
];

const uniqueArr = Array.from(new Set(arr.map(item => item.name)));

console.log(uniqueArr);

运行上述代码,输出结果为:['Alice', 'Bob', 'David']。这个新的数组只包含去重后的属性值。

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: es6数组对象去重的方法是什么