JavaScript 中的 indexOf 方法详解

一、基础介绍

JavaScript 中的 indexOf 方法可以获取一个字符串在另一个字符串中第一次出现位置的索引值，如果没有找到则返回 -1。该方法可以接收两个参数，第一个是需要搜索的子字符串，第二个是可选参数，表示搜索开始的位置。如果省略第二个参数，则从字符串的开头开始搜索。

    
    let str = "I am a string.";
    console.log(str.indexOf("am")); // 2
    console.log(str.indexOf("is")); // -1
    console.log(str.indexOf("a", 3)); // 5

二、忽略大小写的搜索

如果我们想要忽略大小写进行搜索，可以先将字符串转换成小写或大写后再进行搜索。下面是一个将字符串全部转换成小写后再进行搜索的示例：

    
    let str = "Hello, JavaScript!";
    let index = str.toLowerCase().indexOf("java");
    console.log(index); // 7

同样的，我们也可以使用 toUpperCase 方法将字符串转换成大写后再进行搜索。

三、多次出现位置的搜索

indexOf 方法只返回第一次出现的位置，如果需要获取子字符串在整个字符串中所有出现的位置，可以使用一个循环来实现。下面是一个示例代码：

    
    let str = "aabbcc";
    let subStr = "b";
    let indices = [];
    let index = str.indexOf(subStr);
    while(index !== -1) {
        indices.push(index);
        index = str.indexOf(subStr, index + 1);
    }
    console.log(indices); // [1, 3]

这个示例中，我们使用了一个 while 循环，每次循环都在字符串中寻找下一次出现的位置。直到循环到字符串中没有子字符串出现的位置时，停止循环并输出所有的索引位置。

四、使用正则表达式进行搜索

如果我们需要使用更加复杂的模式进行字符串搜索，并且需要忽略大小写、或者需要进行全局搜索，那么可以使用正则表达式进行搜索。下面是一个使用正则表达式进行全局搜索的示例：

    
    let str = "aabbccbbddaabb";
    let regex = /bb/g;
    let indices = [];
    let result;
    while((result = regex.exec(str)) !== null) {
        indices.push(result.index);
    }
    console.log(indices); // [1, 6, 8]

在这个示例中，我们使用了正则表达式 /bb/g 进行全局搜索，并将结果的索引位置保存在数组 indices 中。