对象数组索引获取：根据属性查找 JavaScript 数组中的元素位置

按对象属性获取 JavaScript 数组中的索引

问题概述

当你处理对象数组时，经常需要根据对象的特定属性来获取该对象的索引。这在各种场景中都很有用，例如排序、过滤和提取特定的值。

解决方案

有几种方法可以根据对象属性获取 JavaScript 数组中的索引：

1. findIndex() 方法

findIndex() 方法返回第一个满足给定条件的元素的索引，如果没有找到则返回 -1。它需要一个回调函数作为参数，该函数接收一个数组元素并返回一个布尔值，指示元素是否满足条件。

const index = array.findIndex(obj => obj.property === value);

2. forEach() 方法

forEach() 方法遍历数组中的每个元素，你可以使用一个回调函数来检查每个对象的属性并获取索引。

let index = -1;
array.forEach((obj, i) => {
  if (obj.property === value) {
    index = i;
  }
});

3. Lodash 库

如果你使用 Lodash 库，可以使用 _.findIndex() 函数来更简洁地查找索引。

const index = _.findIndex(array, ['property', value]);

示例

让我们考虑一个包含对象数组的示例：

const data = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'Bob' },
];

如果你想获取 name 属性为 'Jane' 的对象的索引，你可以使用以下方法：

const index = data.findIndex(obj => obj.name === 'Jane'); // index 为 1

数组排序

如果你想按特定的对象属性对数组进行排序，可以使用 sort() 方法：

data.sort((a, b) => a.name.localeCompare(b.name));

这将按照 name 属性对 data 数组进行升序排序。

结论

通过使用上面介绍的方法，你可以轻松地根据对象属性获取 JavaScript 数组中的索引。这对于管理和处理对象数组非常有用。

常见问题解答

1. 如何在 Lodash 中获取多个对象的索引？

可以使用 _.filter() 函数来获取多个满足条件的对象的索引。

const indexes = _.filter(array, ['property', value]).map(obj => array.indexOf(obj));

2. 如何获取不包含特定属性的对象的索引？

可以使用 _.findIndex() 函数，提供一个否定条件。

const index = _.findIndex(array, obj => !obj.hasOwnProperty('property'));

3. 如何获取数组中第一个对象的索引？

可以使用 findIndex() 方法或直接访问数组的第一个元素。

const index = array.findIndex(() => true); // 或
const index = array[0];

4. 如何获取数组中最后一个对象的索引？

可以使用 findIndex() 方法和数组长度。

const index = array.findIndex(() => true); // 或
const index = array.length - 1;

5. 如何检查索引是否有效？

可以检查索引是否大于或等于 0 且小于数组长度。

if (index >= 0 && index < array.length) {
  // 索引有效
}