javascript数组中的findIndex方法

JavaScript数组中的findIndex方法

findIndex() 是JavaScript Array 中的一个非常实用的方法，主要用于查找数组中满足指定条件的元素的下标。

语法

array.findIndex(callback(element[, index[, array]])[, thisArg])

参数

callback: 索引的函数，接受3个参数：

• element: 当前遍历到的元素
• index（可选）：当前遍历到的元素的下标
• array（可选）：调用findIndex的数组

thisArg（可选）：callback执行时的this值

返回值

findIndex() 返回一个满足callback函数的第一个元素的下标，如果没有满足的元素则返回 -1。

示例

假设在一个 Todo 列表中，有如下数据：

const todoList = [
  { id: 1, name: 'Learn JavaScript', isCompleted: true },
  { id: 2, name: 'Build a website', isCompleted: false },
  { id: 3, name: 'Learn React', isCompleted: true },
  { id: 4, name: 'Watch a movie', isCompleted: false }
];

示例1：查找第一个未完成的任务

const index = todoList.findIndex(item => !item.isCompleted);

通过 !item.isCompleted 将查找未完成任务的条件定义在回调函数中，由于 findIndex() 返回的是第一个满足条件的元素的下标，因此如果找到了第一个未完成的任务，则返回它在 todoList 中的下标 1。

示例2：查找第一个任务名为“Learn React”的任务

const index = todoList.findIndex(item => item.name === 'Learn React');

通过 item.name === 'Learn React' 将查找任务名为“Learn React”的任务的条件定义在回调函数中，由于 findIndex() 返回的是第一个满足条件的元素的下标，因此如果找到了任务名为“Learn React”的任务，则返回它在 todoList 中的下标 2。

结语

findIndex() 可以很方便地帮助我们在数组中查找元素的下标。当我们需要寻找数组中符合特定条件的元素时，使用 findIndex() 可以写起来非常简单和方便。