JavaScript 作为一门动态语言，其万能的 Array 类型是该语言中的重要数据结构之一，它拥有许多可用于对数组进行处理、过滤、排序等操作的方法。其中数组过滤方法 filter() 是常用的重要操作之一，ES11 中的 Array.lastIndex 则是 filter() 方法的一种升级版。
Array.filter()
在了解 Array.lastIndex 之前，让我们先来复习一下 filter() 方法。
const arr = [10, 5, 20, 15, 30, 25]; // 找到数组中所有大于 15 的数 const newArray = arr.filter(value => value > 15); console.log(newArray); // [20, 30, 25]
在上面的代码中，我们使用了 Array.filter() 方法来过滤出数组 arr 中所有大于 15 的数，并将结果存储在 newArray 变量中。filter() 方法会将数组中每个元素传递到回调函数中，将符合条件的元素筛选出来并返回一个新的数组。需要注意的是， filter() 方法不会改变原始数组。
Array.lastIndex
在 ES11 中，Array.lastIndex 在 Array.filter() 方法的基础上对比较条件有了一些升级。它与 Array.filter() 的使用方法类似，但是可以从数组的最后一个元素开始搜索，而不是从数组的首个元素开始搜索。
// 找到数组 arr 中最后一个大于 15 的数及其索引位置
const result = arr.lastIndex((value, index) => value > 15);
console.log(result); // {value: 25, index: 5}在上面的代码中，我们使用 Array.lastIndex() 方法来查找数组 arr 中最后一个大于 15 的数及其相应位置。传递给 Array.lastIndex() 方法的回调函数与 Array.filter() 中的回调函数类似，包含两个参数：当前元素的值和它的索引位置。在使用 Array.lastIndex() 时，我们需要传递一个回调函数来串联每个数组元素，并以一个对象的形式返回规定的元素及其位置。
需要注意的是，如果回调函数返回的是 true，则方法会立即停止执行并返回筛选出的最后一个元素及其位置。
指导意义
通过比较 Array.lastIndex 和 Array.filter()，我们可以发现， Array.lastIndex() 的实际使用场景更为局限。通常，Array.filter()（或 Array.map()）这样的方法更适用于处理大量的数据，以及需要返回有序数组的情况。而 Array.lastIndex() 则更适用于仅需要获取一个特定值或位置的情况，或者是针对较小数据集进行处理时。
总之，在实际应用中，我们需要综合考虑使用什么样的方法来系统地处理数组，以满足特定的场景需求。
总结
ES11 中的 Array.lastIndex() 方法是 Array.filter() 方法的一种强化版，它允许从数组的末尾开始搜索，以找到最后一个满足条件的元素。在某些场景下，Array.lastIndex() 无疑是一种非常方便而有效的处理数组的方法。然而，根据实际需求和数据集大小，我们需要进行综合考虑和适当选择具体的过滤方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652cd1ab7d4982a6ebe60c96