js数组查找元素 findindex() 方法,返回第一个匹配元素下标

JavaScript 中的数组查找方法 findIndex() 可以在数组中查找匹配元素并返回其下标。这个方法接收一个回调函数作为参数，用于指定查找的方式。

回调函数接收三个参数：数组元素，元素下标和数组本身。当查找到第一个匹配元素时，findIndex() 方法会返回该元素的下标，如果没有找到则返回 -1。

例如，我们可以使用 findIndex() 方法来查找数组中第一个大于等于 5 的元素下标：

const array = [1, 3, 4, 5, 6, 7];

const index = array.findIndex((element) => element >= 5);

console.log(index); // 输出 3

在这个例子中，我们给 findIndex() 方法传入了一个回调函数，回调函数判断数组元素是否大于等于 5。因为数组中第一个大于等于 5 的元素下标是 3，所以 findIndex() 方法返回了 3。

需要注意的是，findIndex() 方法只会返回第一个匹配元素的下标，如果需要查找出所有匹配的元素下标，可以使用 filter() 方法配合使用。

相关问题

js数组findIndex查找某个元素

### 使用 `findIndex` 查找特定元素的索引

对于查找 JavaScript 数组中某个元素的索引位置，可以利用 `findIndex` 方法。此方法返回数组中满足测试函数的第一个元素的索引；如果没有找到这样的元素，则返回 -1。

考虑如下例子：

let arr = [
  { id: 1, name: 'coco' },
  { id: 2, name: 'dudu' }
];
let res = arr.findIndex(item => item.id === 1);
console.log('res', res); // 输出 "res 0"

上述代码展示了如何通过提供一个回调函数来定义要查找的对象属性条件，从而定位目标对象的位置[^1]。

当处理简单类型的数组时，比如数值型或字符串型数据，同样适用这种方式来进行匹配操作:

const numbers = [1, 2, 3, 4, 5];

// 寻找等于3的那个数所在的下标
const indexThree = numbers.findIndex(number => number === 3);

console.log(indexThree); // 打印结果为 2

此外，还可以传递第二个参数给 `findIndex` 来指定搜索起点，这与 `includes()` 和 `indexOf()` 类似的行为有关[^2]:

const fruits = ['apple', 'banana', 'orange'];

// 尝试从第三个位置开始寻找 'banana'
const startIndex = 2;
const bananaIndexFromStartTwo = fruits.findIndex(fruit => fruit === 'banana', startIndex);

console.log(bananaIndexFromStartTwo); // 结果将是 -1 因为我们是从索引2开始查找不到 'banana'

// 正常情况下不带额外参数的情况
const normalBananaIndex = fruits.findIndex(fruit => fruit === 'banana');

console.log(normalBananaIndex); // 这里将会打印出 1 表明找到了 'banana'

vue 获取数组的下标

要获取一个元素在数组中的下标，可以使用 JavaScript 中的 indexOf() 方法或 findIndex() 方法。

indexOf() 方法用于查找数组中给定元素的第一个匹配项，并返回其在数组中的索引。例如：

const items = ['apple', 'banana', 'orange'];
const index = items.indexOf('banana'); // 获取 'banana' 在数组中的索引，即 1

findIndex() 方法用于查找数组中满足条件的第一个元素，并返回其在数组中的索引。例如：

const items = [
  { name: 'apple', price: 1.5 },
  { name: 'banana', price: 2.0 },
  { name: 'orange', price: 1.0 },
];

const index = items.findIndex(item => item.name === 'banana'); // 获取 name 为 'banana' 的元素在数组中的索引，即 1

在这个例子中，我们定义了一个包含多个对象的数组 items，每个对象都有一个 name 属性。我们要查找 name 为 'banana' 的元素在数组中的索引，所以我们使用 findIndex() 方法来查找数组中第一个 name 属性等于 'banana' 的元素，并将其索引存储在 index 变量中。