js indexof的用法|极客笔记

js indexof的用法

一、概述

JavaScript中的indexOf方法是用来查找一个字符串中是否包含特定字符或子字符串的方法。它返回特定字符或子字符串在原始字符串中的第一个匹配位置的索引值，如果未找到则返回-1。indexOf方法是一种字符串处理中非常常用的方法，具有广泛的应用场景。

二、基本语法

indexOf方法的基本语法如下：

string.indexOf(searchValue[, startIndex])

其中，string是要搜索的字符串，searchValue是要查找的字符或子字符串。startIndex是可选参数，表示开始搜索的位置，默认为0。indexOf方法会从startIndex位置开始搜索，并返回第一个匹配的位置的索引值。

三、返回值

indexOf方法的返回值为一个整数。如果找到了匹配的字符或子字符串，则返回第一个匹配的位置的索引值；如果未找到匹配的字符或子字符串，则返回-1。

四、示例

下面通过一些示例来说明indexOf方法的使用。

示例一：查找字符

let str = "Hello World";

console.log(str.indexOf("W")); // 输出：6
console.log(str.indexOf("l")); // 输出：2
console.log(str.indexOf("o")); // 输出：4
console.log(str.indexOf("Z")); // 输出：-1

在上面的示例中，我们定义了一个字符串str。通过调用indexOf方法并传入特定的字符作为参数，我们可以查找该字符在字符串中的位置。例如，str.indexOf("W")的返回值为6，说明字符”W”第一次出现在字符串中的位置是索引值为6的位置。

示例二：查找子字符串

let str = "Hello World";

console.log(str.indexOf("World"));   // 输出：6
console.log(str.indexOf("Hello"));   // 输出：0
console.log(str.indexOf("JavaScript")); // 输出：-1

在上面的示例中，我们同样定义了一个字符串str。通过调用indexOf方法并传入特定的子字符串作为参数，我们可以查找该子字符串在字符串中的位置。例如，str.indexOf("World")的返回值为6，说明子字符串”World”第一次出现在字符串中的位置是索引值为6的位置。

示例三：使用startIndex参数

let str = "Hello World";

console.log(str.indexOf("o"));      // 输出：4
console.log(str.indexOf("o", 5));   // 输出：7

在上面的示例中，我们定义了一个字符串str。可以看到，第一个indexOf方法没有传入startIndex参数，默认从索引值0开始搜索。而第二个indexOf方法传入了startIndex参数为5，表示从索引值为5的位置开始搜索。因此，str.indexOf("o", 5)的返回值为7，说明字符”o”第一次出现在索引值为7的位置。

示例四：在循环中使用indexOf方法

let str = "Hello World";
let searchStr = "l";
let positions = [];

let position = str.indexOf(searchStr);
while (position !== -1) {
  positions.push(position);
  position = str.indexOf(searchStr, position + 1);
}

console.log(positions); // 输出：[2, 3, 9]

在上面的示例中，我们定义了一个字符串str和要搜索的字符searchStr。我们使用一个循环来查找字符串中所有匹配字符的位置，并将这些位置存储在数组positions中。在每次循环中，我们调用indexOf方法并传入searchStr和上一次找到的位置加1作为参数，以便找到下一次的匹配位置。