随着 JavaScript 的不断发展，ES10 新增了一些实用的特性，其中就包括了 Array.prototype. {last,first} IndexOf。
Array.prototype.indexOf 方法可以查找数组中某个元素第一次出现的位置，而 ES10 新增的 Array.prototype. {last,first} IndexOf 可以分别查找数组中某个元素最后一次和第一次出现的位置，这些新增特性可以大大提高数组查找的效率。
Array.prototype.firstIndexOf
Array.prototype.firstIndexOf 方法用于查找数组中某个元素第一次出现的位置，如果该元素不存在，该方法将返回 -1。示例代码如下：
const arr = [1, 2, 3, 4, 5, 2, 3]; console.log(arr.firstIndexOf(2)); // 1 console.log(arr.firstIndexOf(6)); // -1
Array.prototype.lastIndexOf
Array.prototype.lastIndexOf 方法用于查找数组中某个元素最后一次出现的位置，如果该元素不存在，该方法将返回 -1。示例代码如下：
const arr = [1, 2, 3, 4, 5, 2, 3]; console.log(arr.lastIndexOf(2)); // 5 console.log(arr.lastIndexOf(6)); // -1
比较 Array.prototype.{first,last}IndexOf 与 indexOf
Array.prototype. {first, last} IndexOf 方法可以在数组中快速查找元素，这与 indexOf 方法类似。但是，与 indexOf 方法不同的是，Array.prototype. {first, last} IndexOf 方法可以分别查找数组中某个元素第一次和最后一次出现的位置。
优点：
- 仅在数组前面或后面搜索给定的元素，而非整个数组。
- 在一些数组中，查找最后一个或第一个元素对提高表现非常有用，因为需要保存元素轨迹以进行后续处理。
缺点：
- Array.prototype.{first, last} IndexOf 方法仅适用于 ES10 及更高版本。
- 在数组中存在大量重复元素时，Array.prototype.{first, last} IndexOf 方法的效率可能不如 indexOf 方法。
总结
使用 ES10 新特性：Array.prototype. {first, last} IndexOf 可以有效提高 JavaScript 数组操作的效率，特别是在需要查找元素最后一次和第一次出现的位置时。
虽然 Array.prototype.{first,last}IndexOf 方法不支持所有的浏览器，但是当使用它时，可以通过 polyfill 或其他浏览器兼容库来保持代码最大的通用性。在现代浏览器环境下，Array.prototype.{first,last}IndexOf 方法的优势将更加明显。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f97549f6b2d6eab30f5fd9
