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

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

方法一:indexOf()

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

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

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

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

方法二:findIndex()

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

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

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

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

方法三:for循环

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

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

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

小结

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

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/9837