JS字符串indexOf用法|极客笔记

JS字符串indexOf用法

在JavaScript中，字符串是一种基本的数据类型，经常需要对字符串进行搜索、替换等操作。而字符串的indexOf方法就是其中一个非常常用的方法，用于查找某个子字符串在目标字符串中第一次出现的位置。本文将详细介绍indexOf方法的语法、用法及示例。

indexOf方法语法

indexOf方法的语法如下所示：

str.indexOf(searchValue, fromIndex)

其中，str为目标字符串，searchValue为要查找的子字符串，fromIndex为在目标字符串中开始查找的位置（可选参数）。该方法会从目标字符串中的fromIndex位置开始搜索searchValue，如果找到了则返回该子字符串在目标字符串中的索引值（从0开始），否则返回-1。

indexOf方法示例

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

示例1：查找子字符串第一次出现的位置

let str = "Hello, world!";
let index = str.indexOf("world");
console.log(index); // 输出 7

上面的代码中，目标字符串是”Hello, world!”，要查找的子字符串是”world”。在目标字符串中第一次出现”world”的位置是从索引7开始的，因此indexOf方法返回7。

示例2：查找不存在的子字符串

let str = "Hello, world!";
let index = str.indexOf("foo");
console.log(index); // 输出 -1

在上面的示例中，目标字符串依然是”Hello, world!”，但要查找的子字符串是”foo”，在目标字符串中并没有出现”foo”，因此indexOf方法返回-1。

示例3：指定开始查找的位置

let str = "hello, world!";
let index = str.indexOf("o", 5);
console.log(index); // 输出 8

在上面的代码中，目标字符串是”hello, world!”，要查找的子字符串是”o”，但是在指定了fromIndex为5的情况下，indexOf方法从索引5位置开始查找，找到了目标子字符串”o”的位置是从索引8开始。

示例4：查找所有出现的位置

function findAllIndices(str, searchValue) {
  let indices = [];
  let index = str.indexOf(searchValue);
  while (index !== -1) {
    indices.push(index);
    index = str.indexOf(searchValue, index + 1);
  }
  return indices;
}

let str = "hello, world!";
let indices = findAllIndices(str, "l");
console.log(indices); // 输出 [2, 3, 9]

上面的代码实现了一个findAllIndices函数来查找目标字符串中所有指定子字符串的位置。通过调用该函数，可以找到”l”在”hello, world!”中出现的所有位置，即[2, 3, 9]。