JavaScript - 数组 indexOf() 方法

JavaScript Array indexOf() 方法用于返回数组中指定元素的首次出现索引(前提是该元素至少出现一次)。如果该元素不在数组中，则返回 -1。

默认情况下，此方法从第一个元素开始搜索到最后一个元素。但是，如果您传递了起始索引，则搜索将从该特定索引开始，并向数组末尾移动。

此外，如果您传递负值作为起始索引，则搜索将从最后一个元素开始计数，但搜索仍然从左到右开始。

语法

以下是 JavaScript Array indexOf() 方法的语法 -

array.indexOf(searchElement, fromIndex);

参数

此方法接受两个参数。具体说明如下 -

• searchElement - 指定要在数组中定位的元素。
• fromIndex(可选)- 指定开始搜索的索引。默认情况下，搜索从数组的开头开始。

返回值

如果找到了 searchElement，则此方法返回元素在数组中找到的第一个索引。否则，返回 -1。

示例

示例 1

在下面的示例中，我们使用 JavaScript 数组 indexOf() 方法获取指定数组中第一次出现的索引 2。

<html>
<body>
   <p id="demo"></p>
   <script>
      const numbers = [2, 5, 6, 2, 7, 9, 6];
      const result = numbers.indexOf(2);
      document.getElementById("demo").innerHTML = result;
   </script>
</body>
</html>

输出

正如我们在输出中看到的，2 的最后一次出现的索引是 0。

0

示例 2

在这里，我们尝试获取指定数组中不存在的 10 的第一次出现索引 -

<html>
<body>
   <p id="demo"></p>
   <script>
      const numbers = [2, 5, 6, 2, 7, 9, 6];
      const result = numbers.indexOf(10);
      document.getElementById("demo").innerHTML = result;
   </script>
</body>
</html>

输出

由于数组中没有元素 10，结果为 -1。

-1

示例 3

在下面的示例中，我们将第二个参数 3 传递给 indexOf() 方法。它会在数组 numbers 中从索引 3 开始搜索元素 "6" -

<html>
<body>
   <p id="demo"></p>
   <script>
      const numbers = [2, 5, 6, 2, 7, 9, 6];
      const result = numbers.indexOf(6, 3);
      document.getElementById("demo").innerHTML = result;
   </script>
</body>
</html>

输出

元素 6 从索引位置 3 开始第一次出现的位置是 6。

6

示例 4

从数组末尾开始计数 5 个位置，然后从左到右搜索元素 '2' -

<html>
<body>
   <p id="demo"></p>
   <script>
      const numbers = [2, 5, 6, 2, 7, 9, 6];
      const result = numbers.indexOf(2, -5);
      document.getElementById("demo").innerHTML = result;
   </script>
</body>
</html>

输出

3