从 JavaScript 对象数组中检索匹配的对象
在 JavaScript 中，我们经常遇到需要遍历一个对象数组并定位一个对象的情况。基于特定值的特定对象。考虑以下数组：
myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.]假设我们的 ID 为 45 并且希望检索相应的 'foo' 属性。以下是实现此目的的多种方法：
方法 1：利用 Find 方法
find() 方法允许我们找到第一个满足指定条件的对象。要查找 ID 为 45 的对象，我们可以使用以下语法：
myArray.find(x => x.id === '45').foo;
方法 2：使用 FindIndex 方法
如果我们主要对匹配对象的索引而不是对象本身，我们可以利用 findIndex()方法：
myArray.findIndex(x => x.id === '45');
方法三：检索匹配元素数组（过滤方法）
当我们需要获取匹配元素时，可以使用filter()方法匹配特定条件的所有对象的数组。在我们的例子中，这将是：
myArray.filter(x => x.id === '45');
方法 4：提取属性值（映射方法）
如果我们对提取 'foo' 特别感兴趣来自匹配对象的属性值，我们可以将 filter() 和 map() 方法组合为如下：
myArray.filter(x => x.id === '45').map(x => x.foo);
跨浏览器兼容性注意：
需要注意的是，find() 和 findIndex() 等较新的方法并未得到普遍支持较旧的浏览器，例如 IE。为了确保跨浏览器兼容性，请考虑使用 Babel 之类的工具和适当的 polyfill 来转译代码。
以上是如何从 JavaScript 数组中高效查找和检索特定对象和属性？的详细内容。更多信息请关注PHP中文网其他相关文章！
