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 中。

五、結語

本文詳細介紹了 JavaScript 中的 indexOf 方法，並且從多個方面對其進行了闡述。希望讀者可以通過本文了解到該方法的詳細用法，並且能夠在實際的開發中靈活運用。