ECMAScript 2023 (ES14) 引入了两个实用的新数组方法：Array.prototype.findLast 和 Array.prototype.findLastIndex。这两个方法为开发者提供了从数组末尾开始搜索元素的能力，填补了 JavaScript 数组方法的一个重要空白。

方法概述

Array.prototype.findLast

findLast 方法从数组的最后一个元素开始向前搜索，返回第一个满足提供的测试函数的元素值。如果没有找到符合条件的元素，则返回 undefined。

javascript 复制代码

const array = [1, 2, 3, 4, 5];
const lastEven = array.findLast(num => num % 2 === 0);
console.log(lastEven); // 输出: 4

Array.prototype.findLastIndex

findLastIndex 方法与 findLast 类似，但它返回的是第一个满足测试函数的元素的索引，而不是元素本身。如果没有找到符合条件的元素，则返回 -1。

javascript 复制代码

const array = [1, 2, 3, 4, 5];
const lastEvenIndex = array.findLastIndex(num => num % 2 === 0);
console.log(lastEvenIndex); // 输出: 3 (元素4的索引)

为什么需要这些方法？

在 ES14 之前，如果开发者需要从数组末尾开始查找元素，通常有以下几种选择：

使用 reverse() 方法反转数组，然后使用 find 或 findIndex，但这会改变原数组或需要创建副本
使用 slice() 创建副本后再反转，但这会增加内存使用
手动编写循环从末尾开始遍历

这些方法要么不够优雅，要么有性能开销。findLast 和 findLastIndex 提供了更直接、更高效的解决方案。

使用场景

1. 查找最近的匹配项

在处理时间序列数据或日志时，我们经常需要查找最近发生的某个事件：

javascript 复制代码

const events = [
  { type: 'login', time: '10:00' },
  { type: 'click', time: '10:05' },
  { type: 'login', time: '10:10' }
];

const lastLogin = events.findLast(event => event.type === 'login');
console.log(lastLogin.time); // 输出: "10:10"

2. 撤销/重做功能

在实现撤销栈时，查找最后一个特定操作：

javascript 复制代码

const actionStack = ['create', 'edit', 'delete', 'edit', 'create'];
const lastEditIndex = actionStack.findLastIndex(action => action === 'edit');
console.log(lastEditIndex); // 输出: 3

3. 解析路径或URL

在处理路径时，查找最后一个特定部分：

javascript 复制代码

const path = '/home/user/documents/file.txt'.split('/');
const lastFile = path.findLast(segment => segment.includes('.'));
console.log(lastFile); // 输出: "file.txt"

浏览器兼容性

截至 2023 年，大多数现代浏览器的最新版本都已支持这两个方法：

Chrome 97+
Firefox 104+
Safari 15.4+
Edge 97+
Node.js 18.0.0+

对于不支持的环境，可以使用 polyfill 或继续使用前面提到的替代方案。

性能考虑

findLast 和 findLastIndex 的时间复杂度都是 O(n)，与 find 和 findIndex 相同。它们只是改变了搜索方向，不会显著影响性能。然而，由于它们从末尾开始搜索，在找到符合条件的元素后会立即停止，因此在目标元素靠近数组末尾时，这些方法会比从开头搜索的传统方法更高效。

总结

ES14 引入的 Array.prototype.findLast 和 Array.prototype.findLastIndex 为 JavaScript 开发者提供了更完整的数组搜索工具集。这些方法简化了从数组末尾开始搜索的常见需求，使代码更加简洁、易读。在处理需要查找最近或最后出现的元素的场景时，这些方法特别有用。

随着 JavaScript 语言的持续演进，这类实用的新增功能将帮助开发者写出更高效、更易维护的代码。