首頁  >  文章  >  web前端  >  如何依特定屬性和值過濾 JavaScript 陣列中的物件?

如何依特定屬性和值過濾 JavaScript 陣列中的物件?

Susan Sarandon
Susan Sarandon原創
2024-10-30 10:20:03657瀏覽

How to Filter Objects in a JavaScript Array by a Specific Property and Value?

在JavaScript 中透過屬性尋找數組中的物件

給定一個物件數組,通常需要尋找滿足以下條件的一個或多個物件:具有特定的屬性和價值。要在 JavaScript 中完成此操作,您可以利用陣列的過濾功能。

例如,考慮以下陣列:

<code class="javascript">const 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">const result = Obj.filter(x => x.start === 4);
console.log(result);</code>

過濾器函數採用回調函數作為其參數。回調函數接收數組中的每個元素作為其輸入並傳回一個布林值。如果回呼函數傳回 true,則該元素包含在結果陣列中,否則排除。

在此範例中,回呼函數檢查每個元素的 start 屬性是否等於值 4。如果是,該元素包含在結果陣列中。控制台輸出將是:

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn