如何在 JavaScript 中有效率地從物件陣列中檢索唯一值？

從JavaScript 中的物件陣列擷取不同值

最佳方法

最佳方法

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

const distinctAges = [...new Set(data.map(item => item.age))];

console.log(distinctAges); // [17, 35]

高效率擷取來自物件陣列的唯一值，擴充運算子和Set 資料結構的組合可以受僱。在 ES6 及更高版本的 JavaScript 中，強烈建議使用以下方法：

此方法利用 Set 的強大功能來刪除重複值，並利用擴充運算子從唯一值建立新陣列。 map 函數迭代數組，僅提取年齡屬性值以進行進一步處理。

替代資料結構

const data = new Map([
  ["1", { name: "Joe", age: 17 }],
  ["2", { name: "Bob", age: 17 }],
  ["3", { name: "Carl", age: 35 }]
]);

const distinctAges = [...data.values()].map(item => item.age);

console.log(distinctAges); // [17, 35]

如果將資料建構成具有唯一性的物件陣列首選key，可以使用Map 資料結構：

在這種情況下，資料變數是一個具有唯一性的Map鍵（例如「1」、「2」、「3」）和對應的物件值。為了檢索不同的年齡，使用values屬性建立一個值數組，然後將其對應以僅提取年齡屬性值。

避免低效迭代利用如上所述的 Set 資料結構或 Map 資料結構，無需迭代每個陣列元素並檢查現有值。這些資料結構本身就可以處理唯一性，從而提供更有效的解決方案，而不需要繁瑣的迭代。

以上是如何在 JavaScript 中有效率地從物件陣列中檢索唯一值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！