如何在 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中文網其他相關文章！