如何在 JavaScript 中有效地从对象数组中提取唯一值？

在 JavaScript 中从对象数组中高效提取不同值

在 JavaScript 中，从对象数组中获取不同值是很常见的任务。考虑以下场景：

var array = [
  { name: "Joe", age: 17 },
  { name: "Bob", age: 17 },
  { name: "Carl", age: 35 }
];

// Desired Result: [17, 35]

要实现此结果，一种方法是迭代数组并维护一个单独的数组来存储不同的值。但是，此方法可能效率较低，尤其是对于大型数组。

ES6/ES2015 及更高版本中提供的替代方法利用 Set 数据结构。 Set 提供了唯一的值集合，因此您可以从对象所需属性的数组中创建一个新 Set：

const uniqueAges = [...new Set(array.map(item => item.age))];

此语句使用 map() 函数迭代数组以提取年龄属性来自每个对象。然后，它使用 new Set() 构造函数从提取的值创建一个 Set。最后，它使用展开运算符 (...) 将 Set 展开到数组中，从而得到所需的不同年龄列表：[17, 35]。

与迭代相比，此方法提供了显着的性能优势方法，特别是对于大型数据集。它消除了对额外数据结构的需求，并最大限度地减少了所需的迭代次数。

以上是如何在 JavaScript 中有效地从对象数组中提取唯一值？的详细内容。更多信息请关注PHP中文网其他相关文章！