如何查找具有值的数组索引

在前端开发中，经常需要在一个数组中查找某个特定值的索引，以便进一步处理它。本篇文章将讨论几种实现方式。

方法一：indexOf()

JavaScript数组提供了indexOf()方法，可以快速地查找一个值在数组中的索引。示例代码如下：

const array = [1, 2, 3, 4];
const index = array.indexOf(3);
console.log(index); // 输出 2

如果数组中不存在要查找的值，则indexOf()方法返回-1。

const array = [1, 2, 3, 4];
const index = array.indexOf(5);
console.log(index); // 输出 -1

方法二：findIndex()

ES6引入了findIndex()方法，它接受一个回调函数作为参数，该回调函数返回一个布尔值来指示当前元素是否符合查询条件。 findIndex()会从数组的第一个元素开始迭代，并对每个元素都执行一次回调函数，直到找到匹配的元素。示例代码如下：

const array = [1, 2, 3, 4];
const index = array.findIndex(item => item === 3);
console.log(index); // 输出 2

如果没有符合查询条件的元素，则findIndex()返回-1。

const array = [1, 2, 3, 4];
const index = array.findIndex(item => item === 5);
console.log(index); // 输出 -1

方法三：for循环

在一些较老的JavaScript代码中，通常使用for循环来查找数组中具有特定值的索引。示例代码如下：

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

当然，这种方式也容易实现在更古老的JavaScript版本上。

小结

以上是几种在JavaScript中查找数组中具有特定值的索引的方法。其中indexOf()和findIndex()是最常用的方法，它们不仅简单易懂，而且运行速度快。而使用for循环虽然不太优雅，但也可以满足需求。

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