如何在 JavaScript 中有效率地將物件屬性值提取到新數組中？

在JavaScript 中將物件屬性值提取為陣列

使用物件陣列時，常見任務是從每個其中提取特定欄位值每個物件並建立一個包含這些值的陣列。

Naive方法

一個簡單的方法是迭代數組並將所需的屬性值推入輸出數組：

function getFields(input, field) {
  var output = [];
  for (var i = 0; i < input.length; ++i) {
    output.push(input[i][field]);
  }
  return output;
}

優雅的解決方案

但是，還有更優雅、更慣用的方式來執行此操作任務：

Array.map()

Array.map() 是一個內建數組方法，它使用提供的回調函數轉換數組的每個元素。這可用來擷取屬性值：

let result = objArray.map(a => a.foo);

物件解構

如果需要擷取多個屬性值，可以在對應回呼中使用物件解構:

let result = objArray.map(({ foo }) => foo);

這種方式比較簡潔，也比較容易閱讀。

註解：

• 範例陣列包含具有名為「foo」和「bar」屬性的物件。您可以將這些名稱替換為您需要提取的實際屬性名稱。
• Array.map() 傳回一個包含轉換後的值的新數組，因此您無需明確建立輸出數組。
• 有關該數組方法的更多信息，可以參考 Array.prototype.map() 文件。

以上是如何在 JavaScript 中有效率地將物件屬性值提取到新數組中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！