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

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

Mary-Kate Olsen
发布: 2024-12-05 11:45:10
原创
350 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板