ES10 中的 Array.prototype.indexOf() 和 Array.prototype.lastIndexOf() 方法

在前端开发中，我们经常需要对数组进行操作，其中查找数组中特定元素的位置是一项常见的任务。ES10 中新增了两个数组方法，即 Array.prototype.indexOf() 和 Array.prototype.lastIndexOf()，可以帮助我们更方便地查找数组中元素的位置。

Array.prototype.indexOf()

Array.prototype.indexOf() 方法用于查找数组中指定元素的位置。它接受两个参数：要查找的元素和起始查找位置。如果找到了该元素，则返回该元素在数组中的位置，否则返回 -1。

const arr = [1, 2, 3, 4, 5];
console.log(arr.indexOf(3)); // 2
console.log(arr.indexOf(6)); // -1

如果不传入第二个参数，则从数组的第一个元素开始查找。

const arr = [1, 2, 3, 4, 5];
console.log(arr.indexOf(2)); // 1
console.log(arr.indexOf(2, 2)); // -1

在这个例子中，第二个参数是起始查找位置，从第三个元素开始查找，因此返回 -1。

Array.prototype.lastIndexOf()

Array.prototype.lastIndexOf() 方法与 Array.prototype.indexOf() 方法类似，但是它从数组的末尾开始查找元素。它也接受两个参数：要查找的元素和起始查找位置。如果找到了该元素，则返回该元素在数组中的位置，否则返回 -1。

const arr = [1, 2, 3, 4, 5, 2];
console.log(arr.lastIndexOf(2)); // 5
console.log(arr.lastIndexOf(6)); // -1

如果不传入第二个参数，则从数组的最后一个元素开始查找。

const arr = [1, 2, 3, 4, 5, 2];
console.log(arr.lastIndexOf(2)); // 5
console.log(arr.lastIndexOf(2, 4)); // 1

在这个例子中，第二个参数是起始查找位置，从第五个元素开始查找，因此返回 1。

使用方法

Array.prototype.indexOf() 和 Array.prototype.lastIndexOf() 方法在查找数组元素时非常方便，可以帮助我们节省时间和代码量。在实际项目中，我们可以使用它们来进行数组元素的查找和定位，从而更高效地完成任务。

下面是一个使用 Array.prototype.indexOf() 方法查找数组中是否存在指定元素的示例代码：

const arr = [1, 2, 3, 4, 5];
const target = 3;

if (arr.indexOf(target) !== -1) {
  console.log(`数组中存在元素 ${target}`);
} else {
  console.log(`数组中不存在元素 ${target}`);
}

下面是一个使用 Array.prototype.lastIndexOf() 方法查找数组中最后一个指定元素的示例代码：

-- -------------------- ---- -------
----- --- - --- -- -- -- -- ---
----- ------ - --

----- --------- - ------------------------
-- ---------- --- --- -
  ---------------------- --------- ---- ---------------
- ---- -
  --------------------- ------------
-
展开代码

总结

ES10 中的 Array.prototype.indexOf() 和 Array.prototype.lastIndexOf() 方法是非常实用的数组操作工具，可以帮助我们更方便地查找数组中指定元素的位置。它们的使用方法简单明了，可以帮助我们更高效地完成任务。在实际项目中，我们可以灵活运用它们来进行数组操作，提高开发效率。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66062802d10417a222423ee9