JS indexOf()方法详解|极客笔记

JS indexOf()方法详解

1. 简介

JavaScript中的indexOf()方法是用于查找字符串中是否包含指定子串的方法。它会返回子串在字符串中第一次出现的位置索引，如果没有找到则返回-1。

indexOf()方法接受两个参数，第一个参数是要搜索的子串，第二个参数是起始索引位置。如果只提供一个参数，则从字符串的开头开始搜索。

indexOf()方法对大小写敏感，所以大写和小写字母被视为不同的字符。

2. 语法

indexOf()方法的语法如下：

string.indexOf(searchValue, fromIndex)

其中，string是要搜索的原始字符串，searchValue是要查找的子串，fromIndex是可选的起始索引位置。

3. 返回值

indexOf()方法的返回值为一个整数，表示子串第一次出现的位置索引。如果找不到该子串，则返回-1。

4. 示例

下面是indexOf()方法的一些示例：

示例1：基本用法

const str = 'Hello, world!';
const searchStr = 'world';

console.log(str.indexOf(searchStr)); // 输出：7

上述示例中，indexOf()方法搜索searchStr子串在str字符串中的位置，并返回该位置索引。

示例2：搜索不存在的子串

const str = 'Hello, world!';
const searchStr = 'John';

console.log(str.indexOf(searchStr)); // 输出：-1

上述示例中，indexOf()方法搜索searchStr子串在str字符串中的位置，但由于该子串不存在，所以返回-1。

示例3：从指定位置开始搜索

const str = 'Hello, world!';
const searchStr = 'o';

console.log(str.indexOf(searchStr, 5)); // 输出：7

上述示例中，indexOf()方法从位置索引5开始搜索searchStr子串在str字符串中的位置，并返回该位置索引。

示例4：区分大小写

const str = 'Hello, world!';
const searchStr = 'hello';

console.log(str.indexOf(searchStr)); // 输出：-1

上述示例中，indexOf()方法搜索searchStr子串在str字符串中的位置，由于默认区分大小写，所以返回-1。如果希望不区分大小写，可以使用toLowerCase()方法将两个字符串都转换为小写再进行比较。

const str = 'Hello, world!';
const searchStr = 'hello';

console.log(str.toLowerCase().indexOf(searchStr.toLowerCase())); // 输出：0

示例5：使用indexOf()判断子串是否存在

const str = 'Hello, world!';
const searchStr = 'world';

if (str.indexOf(searchStr) !== -1) {
  console.log('子串存在');
} else {
  console.log('子串不存在');
}

上述示例中，通过判断indexOf()方法的返回值是否为-1，来确定子串是否存在于原始字符串中。

5. 注意事项

在使用indexOf()方法时，需要注意以下几点：

indexOf()方法区分大小写，所以大写和小写字母被视为不同的字符。如果希望忽略大小写，可以使用toLowerCase()方法进行转换。
如果要搜索的子串是空字符串，则indexOf()方法会返回起始索引位置。
indexOf()方法返回的是子串在原始字符串中第一次出现的位置索引，如果想要找到所有匹配的位置，可以通过循环来实现。

6. 总结

通过上述详解，我们了解了JavaScript中的indexOf()方法的基本用法、语法、返回值和注意事项。indexOf()方法在字符串操作中非常常用，可以帮助我们判断字符串中是否存在指定的子串，并得到子串的位置索引。

const str = 'Hello, world!';
const searchStr = 'world';

console.log(str.indexOf(searchStr)); // 输出：7

JS indexOf()方法详解