JavaScript 字符串 indexOf() 方法

JavaScript 字符串 indexOf() 方法用于查找指定子字符串在原始字符串中第一次出现的索引。它返回子字符串的位置，如果子字符串不存在则返回 -1。例如，"hello".indexOf("lo") 返回 3，而 "hello".indexOf("hi") 返回 -1。

此方法接受一个名为 position 的可选参数，该参数指定原始字符串中方法开始搜索指定子字符串的位置。此参数的默认值为 0。例如，"hello".indexOf("l", 2) 返回 2，而 "hello".indexOf("l", 3) 返回 3。

注意 - 此方法区分大小写，它将 "s" 和 "S" 视为不同的值。

语法

以下是 JavaScript 字符串 indexOf() 方法的语法 -

indexOf(searchString, position)

参数

searchString - 要搜索的子字符串。
position (可选) - 从哪里开始搜索。

返回值

此方法返回找到的子字符串第一次出现时的索引。

示例 1

如果我们省略 position 参数，此方法将为 position 考虑默认值 0 并返回指定子字符串 "to" 在原始字符串 "TutorialsPoint" 中第一次出现的索引。

<html>
<head>
<title>JavaScript String indexOf() Method</title>
</head>
<body>
<script>
   const str = "TutorialsPoint";
   const sub_str = "to";
   document.write("Original string: ", str);
   document.write("<br>Sub-string to be searched: ", sub_str);
   document.write("<br>An index of search string '", sub_str,"' is: ", str.indexOf(sub_str));
</script>
</body>
</html>

输出

上述程序为子字符串 "to" 返回索引 2。

Original string: TutorialsPoint
Sub-string to be searched: to
An index of search string 'to' is: 2

示例 2

如果我们将 position 参数值传递为 5，则该方法将从原始字符串中的位置 5 开始搜索子字符串。

以下是 JavaScript 字符串 indexOf() 方法的另一个示例。在这里，我们使用此方法查找子字符串 "o" 在原始字符串 "HelloWorld" 中起始位置为 5 时的索引。

<html>
<head>
<title>JavaScript String indexOf() Method</title>
</head>
<body>
<script>
   const str = "HelloWorld";
   const sub_str = "o";
   const position = 5;
   document.write("Original string: ", str);
   document.write("<br>Sub-string to be searched: ", sub_str);
   document.write("<br>Position value is: ", position);
   document.write("<br>An index of search string '", sub_str,"' is: ", str.indexOf(sub_str, position));
</script>
</body>
</html>

输出

执行上述程序后，它将为指定位置 5 处的子字符串 'o' 返回索引值 '6'。

Original string: HelloWorld
Sub-string to be searched: o
Position value is: 5
An index of search string 'o' is: 6

示例 3

如果在原始字符串中找不到指定的子字符串，则此方法返回 -1。

在以下示例中，我们尝试在原始字符串 "JavaScript" 中查找子字符串 "Mom" 的索引。

<html>
<head>
<title>JavaScript String indexOf() Method</title>
</head>
<body>
<script>
   const str = "JavaScript";
   const sub_str = "Mom";
   document.write("Original string: ", str);
   document.write("<br>Sub-string to be searched: ", sub_str);
   let result = str.indexOf(sub_str);
   document.write("<br>Method str.indexOf(sub_str) returns: ", result);
   if(result == -1){
      document.write("<br>Not found...!");
   }else{
      document.write("<br>Found...!");
   }
</script>
</body>
</html>

输出

上述程序中的 indexOf() 方法在找不到子字符串时返回 -1。

Original string: JavaScript
Sub-string to be searched: Mom
Method str.indexOf(sub_str) returns: -1
Not found...!

示例 4

如果 position 大于调用字符串的长度，则该方法根本不会搜索调用字符串，并返回 -1。

<html>
<head>
<title>JavaScript String indexOf() Method</title>
</head>
<body>
<script>
   const str = "JavaScript";
   const sub_str = "a";
   const position = 20;
   document.write("Original string: ", str);
   document.write("<br>Sub-string to be searched: ", sub_str);
   document.write("<br>Position value: ", position);
   let result = str.indexOf(sub_str, position);
   document.write("<br>Method str.indexOf(sub_str) returns: ", result);
</script>
</body>
</html>

输出

上述程序为大于原始字符串长度的较大 position 值返回 -1。

Original string: JavaScript
Sub-string to be searched: a
Position value: 20
Method str.indexOf(sub_str) returns: -1

打印页面