在前端开发中，我们经常需要对数组进行操作，其中查找数组中特定元素的位置是一项常见的任务。ES10 中新增了两个数组方法，即 Array.prototype.indexOf() 和 Array.prototype.lastIndexOf()，可以帮助我们更方便地查找数组中元素的位置。
Array.prototype.indexOf()
Array.prototype.indexOf() 方法用于查找数组中指定元素的位置。它接受两个参数：要查找的元素和起始查找位置。如果找到了该元素，则返回该元素在数组中的位置，否则返回 -1。
----- --- - --- -- -- -- --- ---------------------------- -- - ---------------------------- -- --
如果不传入第二个参数，则从数组的第一个元素开始查找。
----- --- - --- -- -- -- --- ---------------------------- -- - -------------------------- ---- -- --
在这个例子中，第二个参数是起始查找位置，从第三个元素开始查找，因此返回 -1。
Array.prototype.lastIndexOf()
Array.prototype.lastIndexOf() 方法与 Array.prototype.indexOf() 方法类似，但是它从数组的末尾开始查找元素。它也接受两个参数：要查找的元素和起始查找位置。如果找到了该元素，则返回该元素在数组中的位置，否则返回 -1。
----- --- - --- -- -- -- -- --- -------------------------------- -- - -------------------------------- -- --
如果不传入第二个参数，则从数组的最后一个元素开始查找。
----- --- - --- -- -- -- -- --- -------------------------------- -- - ------------------------------ ---- -- -
在这个例子中，第二个参数是起始查找位置，从第五个元素开始查找，因此返回 1。
使用方法
Array.prototype.indexOf() 和 Array.prototype.lastIndexOf() 方法在查找数组元素时非常方便，可以帮助我们节省时间和代码量。在实际项目中，我们可以使用它们来进行数组元素的查找和定位，从而更高效地完成任务。
下面是一个使用 Array.prototype.indexOf() 方法查找数组中是否存在指定元素的示例代码：
----- --- - --- -- -- -- --- ----- ------ - -- -- -------------------- --- --- - -------------------- ------------ - ---- - --------------------- ------------ -
下面是一个使用 Array.prototype.lastIndexOf() 方法查找数组中最后一个指定元素的示例代码：
----- --- - --- -- -- -- -- --- ----- ------ - -- ----- --------- - ------------------------ -- ---------- --- --- - ---------------------- --------- ---- --------------- - ---- - --------------------- ------------ -
总结
ES10 中的 Array.prototype.indexOf() 和 Array.prototype.lastIndexOf() 方法是非常实用的数组操作工具，可以帮助我们更方便地查找数组中指定元素的位置。它们的使用方法简单明了，可以帮助我们更高效地完成任务。在实际项目中，我们可以灵活运用它们来进行数组操作，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66062802d10417a222423ee9