如何根據特定屬性值過濾 JavaScript 陣列中的物件？

在JavaScript 中使用基於屬性的過濾查找數組中的對象

問題：

給定物件數組，如何根據特定屬性及其值來尋找和提取物件？

輸入：

<code class="javascript">var Obj = [
  {"start": 0, "length": 3, "style": "text"},
  {"start": 4, "length": 2, "style": "operator"},
  {"start": 4, "length": 3, "style": "error"}
];</code>

輸出：

找出所有「start」屬性等於4的物件。想要的結果：

<code class="javascript">var result = [
  {"start": 4, "length": 2, "style": "operator"},
  {"start": 4, "length": 3, "style": "error"}
];</code>

解：

實作為此，您可以利用 JavaScript 陣列的 filter() 函數。 filter() 函數採用回呼函數作為其參數，該函數應用於陣列中的每個元素。該函數傳回布林值，指示該元素是否應包含在新數組中。

在我們的例子中，我們希望包含「start」屬性等於 4 的所有物件。以下是您的操作方法會這樣做：

<code class="javascript">var result = Obj.filter(x => x.start === 4);</code>

這將建立一個名為 result 的新數組，其中僅包含滿足過濾條件的物件。在此範例中，結果將是：

<code class="javascript">[
  {"start": 4, "length": 2, "style": "operator"},
  {"start": 4, "length": 3, "style": "error"}
]</code>

以上是如何根據特定屬性值過濾 JavaScript 陣列中的物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！