如何根据属性值高效查找JavaScript数组中的对象？-js教程-PHP中文网

如何根据属性值高效查找JavaScript数组中的对象？

Mary-Kate Olsen

发布： 2024-12-18 21:00:15

原创

496 人浏览过

How Can I Efficiently Find Objects in JavaScript Arrays Based on Attribute Values?

JavaScript 中根据属性值查找数组中的对象

在处理对象数组时，通常需要根据属性值搜索特定元素。这在处理大型数组以避免低效循环时特别有用。

问题

考虑以下供应商对象数组：

vendors = [{
    Name: 'Magenic',
    ID: 'ABC'
  },
  {
    Name: 'Microsoft',
    ID: 'DEF'
  } // and so on...
];

登录后复制

目标是确定如果该数组中存在名称属性等于“Magenic”的对象，而无需借助显式循环。

解决方案

现代 JavaScript 提供了几种数组方法，可以轻松完成此任务：

使用 some：

if (vendors.some(e => e.Name === 'Magenic')) {
  // We found at least one object that we're looking for!
}

登录后复制

some 迭代数组并返回一旦找到符合指定条件的元素，则返回 true。

使用find:

if (vendors.find(e => e.Name === 'Magenic')) {
  // Usually the same result as above, but find returns the found object instead of a boolean
}

登录后复制

find 的行为与某些类似，但它不返回布尔值，而是返回与条件匹配的第一个元素。

获取对象的位置:

要获取匹配元素的位置，请使用findIndex:

const i = vendors.findIndex(e => e.Name === 'Magenic');
if (i > -1) {
  // We know that at least 1 object that matches has been found at the index i
}

登录后复制

查找所有匹配对象：

if (vendors.filter(e => e.Name === 'Magenic').length > 0) {
  // The same result as above, but filter returns all objects that match
}

登录后复制

filter 返回满足指定条件的所有元素的数组。

与旧版浏览器的兼容性：

对于对于不支持箭头功能的浏览器，使用标准过滤方法的替代方法是：

if (vendors.filter(function(e) { return e.Name === 'Magenic'; }).length > 0) {
  // The same result as above, but filter returns all objects that match and we avoid an arrow function for compatibility
}

登录后复制

以上是如何根据属性值高效查找JavaScript数组中的对象？的详细内容。更多信息请关注PHP中文网其他相关文章！