如何通过 findLastIndex 获取从后往前匹配的第一个索引

findLastIndex是Array原生方法，从末尾向前遍历返回首个满足条件元素的原始索引，Chrome97+、Firefox94+、Safari16.4+、Node.js18.12+支持。

findLastIndex 是什么，浏览器支持情况如何

findLastIndex 是 Array 原生方法，用于从数组末尾开始向前遍历，返回第一个使回调函数返回真值的元素索引；没找到则返回 -1。它不是 findIndex 的简单翻转，而是真正「逆序遍历」——索引值仍是原始位置（比如数组长度为 5，最后一个元素索引是 4，不会变成 0）。

目前 Chrome 97+、Firefox 94+、Safari 16.4+ 支持，Node.js 18.12+ 原生可用。旧环境需用 polyfill 或降级为 slice().reverse().findIndex()（但注意会改变索引值，需手动换算）。

基本用法和常见错误写法

正确调用格式是：arr.findLastIndex(callback, thisArg?)，其中 callback 接收三个参数：(element, index, array)。

容易出错的点：

• 把 findLastIndex 当成「返回倒序位置」：它返回的是原数组中的真实索引，不是从后往前数的第几个
• 忘记回调必须显式返回布尔值：return element > 3 ✅，console.log(element); return element > 3 ❌（虽能用，但可读性差）
• 在空数组上调用：始终返回 -1，不是 undefined

示例：

const nums = [1, 5, 3, 5, 2];const lastIndex = nums.findLastIndex(x => x === 5); // 返回 <code>3</code>，不是 <code>1</code>

和 findIndex 对比：什么时候该用 findLastIndex

核心区别在于遍历方向与语义：

• 查找「最后一次出现」的元素时，findLastIndex 更直观、性能更好（不用遍历整个数组）
• findIndex 适合找「第一次出现」，findLastIndex 适合找「末次出现」，比如：
  • 日志数组中查找最后一条 error 级别日志的索引
  • 表单校验中定位最后一个未填字段的位置
  • 字符串转数组后找最后一个分隔符位置（配合 split + join 场景）

性能上，findLastIndex 在匹配靠后时明显快于 findIndex 配合 reverse()，后者要先拷贝再遍历，时间 + 空间开销都更高。

兼容性 fallback 写法（不改索引逻辑）

如果需要支持旧浏览器，且必须保持返回「原数组索引」，不能用 reverse() 直接套用 findIndex，得手动从后往前循环：

function findLastIndex(arr, callback, thisArg) {  for (let i = arr.length - 1; i >= 0; i--) {    if (callback.call(thisArg, arr[i], i, arr)) {      return i;    }  }  return -1;}

这个实现和原生行为一致，包括对稀疏数组、thisArg 绑定、异常抛出等处理。注意不要用 for...in，它不保证顺序且会遍历原型链属性。

实际项目中，若已引入 core-js，建议直接用 import 'core-js/stable/array/find-last-index';，比手写更稳妥。

Edge 18 及更早版本不支持该方法，且无法通过 Babel 自动 polyfill（因属实例方法），这点常被忽略。