如何尋找具有匹配屬性值的 JavaScript 物件？

在JavaScript 物件陣列中尋找具有符合值的物件

您有一個JavaScript 物件陣列，需要尋找一個物件具有特定屬性的特定值。以下是實現此目的的方法：

使用find() 方法

const result = myArray.find(x => x.id === '45').foo;

此程式碼使用find() 方法迭代數組，並傳回id 屬性與給定值匹配的第一個物件。然後訪問匹配對象的 foo 屬性並作為結果返回。

使用 findIndex() 方法

const index = myArray.findIndex(x => x.id === '45');

如果需要確定 的索引匹配的對象，可以使用findIndex()方法。此方法傳回滿足給定條件的第一個物件的索引。

使用filter()方法

要取得符合物件的數組，請使用filter( )方法：

const matchingObjects = myArray.filter(x => x.id === '45');

這將傳回符合指定條件的物件陣列

使用map()方法和filter()方法

要從符合物件建立特定屬性的數組，請結合map()和filter() :

const fooValues = myArray.filter(x => x.id === '45').map(x => x.foo);

這將傳回一個包含符合的foo 值的陣列

相容性說明

對於較舊的瀏覽器，您可能需要使用Babel 轉譯程式碼以支援find()、filter() 和arrow 等方法功能。

以上是如何尋找具有匹配屬性值的 JavaScript 物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！