如何查找具有匹配属性值的 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中文网其他相关文章！