首页 >web前端 >js教程 >如何从 JavaScript 中的对象数组中获取唯一值?

如何从 JavaScript 中的对象数组中获取唯一值?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-12-05 11:45:10403浏览

How to Get Unique Values from an Array of Objects in JavaScript?

从 JavaScript 中的对象数组中检索不同的值

您的目标是从对象数组中提取特定属性的唯一值,特别是“年龄”属性。此任务可以通过多种方式完成。

使用 ES6 Set 和 Map 函数:

如果您的 JavaScript 版本支持 ES6,您可以利用 Set 和 Map 数据结构。 Set存储唯一值,而Map存储键值对。这是一种有效的方法:

const uniqueAges = new Set(array.map(item => item.age));
console.log([...uniqueAges]); // [17, 35]

传统循环和检查:

如果 ES6 不可用,您可以选择使用循环和检查的更传统方法:

const distinctAges = [];
for (const item of array) {
  if (!distinctAges.includes(item.age)) {
    distinctAges.push(item.age);
  }
}
console.log(distinctAges); // [17, 35]

使用对象作为键值存储:

或者,如果您可以重构数据,您可以使用一个对象来存储唯一值作为键,以确保更快的查找。

const uniqueAgesObject = {};
for (const item of array) {
  uniqueAgesObject[item.age] = true;
}
const distinctAges = Object.keys(uniqueAgesObject);
console.log(distinctAges); // [17, 35]

通过利用这些技术,您可以有效地从对象数组中检索唯一值,从而提高代码效率。

以上是如何从 JavaScript 中的对象数组中获取唯一值?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn