JavaScript数组方法之findLastIndex——查询数组中最后一个符合条件元素的下标

1. 简介

在 JavaScript 中，数组是一种常用的数据结构，它提供了许多数组方法来对数组进行操作和处理。在本文中，我们将详细介绍 JavaScript 数组方法之一的 findLastIndex 方法。

findLastIndex 方法用于查询数组中最后一个满足给定条件的元素，并返回该元素在数组中的下标。如果数组中不存在满足条件的元素，则返回 -1。该方法是 ES6 中新增的数组方法，它通过一个回调函数来判断数组元素是否满足条件。

以下是 findLastIndex 方法的基本语法：

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

其中，array 是要查询的目标数组，callback 是用于判断元素是否满足条件的回调函数，thisArg 是可选参数，用于指定执行回调函数时的 this 值。

2. 使用方法

下面我们将通过几个例子来演示 findLastIndex 方法的使用。

2.1 查询奇数的下标

假设有一个数组 numbers，包含了一些整数。我们希望查询数组中最后一个奇数的下标。可以使用 findLastIndex 方法来实现这个功能。

const numbers = [2, 4, 5, 7, 10, 12, 15];

const lastIndex = numbers.findLastIndex((number) => number % 2 !== 0);

console.log(lastIndex);

运行以上代码，输出结果为 6。因此，数组中最后一个奇数的下标是 6。

2.2 查询满足条件的对象下标

假设有一个对象数组 students，每个对象包含了学生的姓名和年龄。我们希望查询数组中最后一个年龄大于等于 20 的学生对象的下标。

const students = [
  {name: 'Alice', age: 18},
  {name: 'Bob', age: 22},
  {name: 'Charlie', age: 20},
  {name: 'David', age: 25}
];

const lastIndex = students.findLastIndex((student) => student.age >= 20);

console.log(lastIndex);

运行以上代码，输出结果为 3。因此，数组中最后一个年龄大于等于 20 的学生对象的下标是 3。

2.3 使用箭头函数查询下标

findLastIndex 方法还可以使用箭头函数来定义回调函数。以下是一个例子：

const numbers = [2, 4, 5, 7, 10, 12, 15];

const lastIndex = numbers.findLastIndex((number, index) => {
  console.log(`当前元素： ${number}，当前下标：$ {index}`);
  return number % 2 !== 0;
});

console.log(lastIndex);

运行以上代码，输出结果为：

当前元素：15，当前下标：6
当前元素：12，当前下标：5
当前元素：10，当前下标：4
当前元素：7，当前下标：3
6

可以看到，在执行过程中，回调函数会依次对数组的每个元素执行，并输出当前元素的值和下标。当满足条件的元素 15 被找到时，回调函数返回 true，退出执行，并返回该元素的下标 6。这说明 findLastIndex 方法是按照数组的从后向前的顺序执行的。

3. 注意事项

在使用 findLastIndex 方法时，需要注意一些细节问题。

3.1 回调函数的参数

回调函数可以接受三个参数：element，index 和 array。其中 element 表示当前被处理的元素，index 表示当前元素的下标，array 表示原始数组。

3.2 `this` 值的指定

findLastIndex 方法中的 thisArg 参数用于指定执行回调函数时的 this 值。如果不指定 thisArg 参数，则回调函数中的 this 值为 undefined。如果指定了 thisArg 参数，则回调函数中的 this 值为 thisArg。

以下是一个使用 thisArg 参数的示例：

const numbers = [2, 4, 5, 7, 10, 12, 15];

function isOdd(number) {
  return number % 2 !== 0;
}

const lastIndex = numbers.findLastIndex(isOdd, this);

console.log(lastIndex);

运行以上代码，输出结果与之前的示例相同，为 6。