JavaScript String – indexOf() 方法

在JavaScript字符串中，indexOf()方法用于查找字符串中给定子字符串的第一个匹配项的位置。它可以接收两个参数，第一个参数是要搜索的字符串，第二个参数是要搜索的目标字符串。如果找到目标字符串，则返回第一个匹配项的索引，否则返回-1。

语法

string.indexOf(searchValue[, fromIndex])

参数

• searchValue：要搜索的字符串。
• fromIndex：从哪个位置开始搜索。如果不传该参数，则默认从字符串的第一个字符开始搜索。如果该参数小于0，则从字符串末尾开始计算索引。如果该参数大于或等于字符串长度，则永远不会找到匹配项，返回-1。

返回值

返回搜索到的第一个匹配项的索引。如果没有找到，则返回-1。

示例

接下来，我们将用一些示例来说明如何使用JavaScript字符串的indexOf()方法。

在字符串中搜索一个单词

我们来看一个简单的例子，如何使用indexOf()方法在一个字符串中搜索一个单词：

var str = "Hello world, welcome to JavaScript";
var index = str.indexOf("welcome");

if (index !== -1) {
  console.log("Found the word at index ", index);
} else {
  console.log("The word was not found");
}

输出结果：

Found the word at index  13

在这个例子中，我们首先定义了一个字符串str，然后调用了indexOf()方法，将待搜索的单词”welcome”作为方法的参数传入。由于这个单词位于字符串的第13个位置，因此我们得到的结果是”Found the word at index 13″。

搜索所有匹配项

除了搜索第一个匹配项之外，我们还可以使用循环来搜索字符串中的所有匹配项。下面的示例演示了如何使用indexOf()方法搜索字符串中的所有匹配项：

var str = "The quick brown fox jumps over the lazy dog";
var searchStr = "o";
var index = 0;

while (index !== -1) {
  index = str.indexOf(searchStr, index);

  if (index !== -1) {
    console.log("Found at index ", index);
    index++;
  }
}

输出结果：

Found at index  20
Found at index  25
Found at index  27
Found at index  31
Found at index  35
Found at index  39
Found at index  42
Found at index  45

在此示例中，我们定义了一个字符串str和要搜索的子字符串searchStr。然后我们使用while循环和indexOf()方法来搜索字符串中所有匹配项。注意，当找到一个匹配项后，我们将下一次从该匹配项的下一个字符开始搜索，这是为了避免重复搜索同一个匹配项。

从字符串的末尾开始搜索

如果从字符串的末尾开始，我们可以使用负数的fromIndex值来实现。下面是一个例子：

var str = "The quick brown fox jumps over the lazy dog";
var searchStr = "o";
var index = str.indexOf(searchStr, -1);

console.log("The last occurrence of " + searchStr + " is at index ", index);

输出结果：

The last occurrence of o is at index  45

在此示例中，我们使用负数-1作为fromIndex参数来指定从字符串的末尾开始搜索。由于字符串中最后一个o的索引为45，因此我们得到的结果是”The last occurrence of o is at index 45″。

结论

JavaScript字符串的indexOf()方法是一个常用的方法，用于在字符串中查找一个特定的子字符串。我们可以使用它来搜索字符串中的所有匹配项，或者指定从字符串的末尾开始搜索。希望这篇文章能够帮助你更好地理解和应用JavaScript字符串的indexOf()方法。