首頁 > web前端 > js教程 > 如何從 JavaScript 中的物件陣列中提取唯一年齡?

如何從 JavaScript 中的物件陣列中提取唯一年齡?

Mary-Kate Olsen
發布: 2024-12-22 01:56:12
原創
416 人瀏覽過

How to Extract Unique Ages from an Array of Objects in JavaScript?

從JavaScript 中的物件數組中提取不同的值

考慮一個物件數組,其中每個物件代表一個具有姓名和年齡的個體:

var array = [
    { "name": "Joe", "age": 17 },
    { "name": "Bob", "age": 17 },
    { "name": "Carl", "age": 35 }
];
登入後複製

任務是從該數組中提取不同的年齡,從而產生一個具有唯一的新數組值:

[17, 35]
登入後複製

JavaScript 特定解決方案(ES6 及更高版本)

ES6 引入了Set 資料結構,它自動維護唯一值的集合。這可用於有效地提取不同的年齡:

const distinctAges = [...new Set(array.map(object => object.age))];
登入後複製

此方法建立一個新數組,其中僅包含原始數組中每個物件的年齡屬性中存在的唯一值。

替代資料結構

如果效能至關重要,您可以考慮替代資料結構,例如地圖或object:

const ageMap = {};
array.forEach(object => {
  ageMap[object.age] = true;
});

const distinctAges = Object.keys(ageMap).map(Number);
登入後複製

在這種情況下,年齡值作為鍵儲存在物件(地圖)中。 Object.keys() 方法以陣列形式檢索唯一鍵(年齡值),然後使用 map(Number) 將其轉換為數值。

改進的方法

初始迭代方法可以透過使用includes()方法檢查重複值來改善問題中提出的問題:

var distinct = [];
for (var i = 0; i < array.length; i++) {
  if (!distinct.includes(array[i].age)) {
    distinct.push(array[i].age);
  }
}
登入後複製

此最佳化透過避免多個值來減少所需的比較次數檢查重複的年齡。

以上是如何從 JavaScript 中的物件陣列中提取唯一年齡?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板