JS正則截取字符串詳解

JavaScript中的正則表達式提供了一種強大的字符串處理方式，我們可以使用它來匹配、替換、驗證字符串。在字符串截取方面，正則表達式也能非常方便地實現。本文將從多個方面詳細闡述JS正則截取字符串，為讀者深入了解正則表達式的截取能力提供幫助。

一、match方法

match方法是JavaScript中最簡單的正則表達式截取字符串的方法。

match方法的語法如下：

string.match(regexp)

其中string表示要匹配的字符串，regexp是一個正則表達式對象。match方法會返回所有與正則表達式匹配的字符串數組。正則表達式中添加全局模式g可以匹配所有符合條件的字符串，否則只匹配第一個符合條件的字符串。

var str = "北京時間2016年7月1日18:00:00";
var reg = /\d{4}年\d{1,2}月\d{1,2}日\d{1,2}:\d{1,2}:\d{1,2}/g;
var result = str.match(reg);
console.log(result); //返回['2016年7月1日18:00:00']

上述代碼中，正則表達式使用了\d表示任意數字字符，{n}表示匹配n個這樣的字符，{n,m}表示匹配至少n個至多m個這樣的字符。g表示全局模式。

match方法非常簡單易用，但它只能返回符合條件的字符串數組，無法返回匹配到的嵌套子字符串，也無法修改原字符串。因此，match方法更適用於只需要檢索字符串中是否包含目標子字符串的場景。

二、exec方法

exec方法是另一個正則表達式截取字符串的方法，它與match方法有所不同。exec方法是正則表達式對象的方法，可用來在字符串中查找特定的匹配，返回結果為數組。如果未找到匹配，則返回null。

exec方法的語法如下：

regexp.exec(string)

其中string表示要匹配的字符串，regexp是一個正則表達式對象。

var str = "abc123defg456hijk";
var reg = /\d+/g;
var result;
while ((result = reg.exec(str)) != null) {
    console.log(result[0]);
}
//輸出123、456

代碼中使用正則表達式匹配字符串中的所有數字串，返回結果為數字組成的數組。

需要注意的是，使用exec方法匹配時需要使用while循環遍歷檢索所有匹配到的子字符串。因為exec方法只返回第一個匹配到的子字符串並記錄位置，每次循環都會重新搜索匹配到的下一個字符串。

三、substring方法

substring方法是JavaScript的默認字符串截取方法，在截取字符串方面也同樣適用於正則表達式的操作。該方法返回一個新的字符串，原字符串不會被修改。

substring方法的語法如下：

string.substring(startIndex, stopIndex)

其中startIndex表示截取的起始位置，stopIndex表示截取的結束位置（不包括結束位置對應的字符，即結果字符串不包含該字符）。

var str = "2016-07-01";
var reg = /\d{4}-\d{1,2}-\d{1,2}/;
var result = str.substring(str.search(reg));
console.log(result); //輸出2016-07-01

上述代碼中，search方法用於檢索字符串中與正則表達式相匹配的子字符串的位置。substring方法截取起始位置為匹配到的子字符串位置，結束位置為字符串結尾。

需要注意的是，substring方法只能接受數值類型的參數，並且如果省略參數，則表示從0開始截取到字符串結尾。

四、replace方法

replace方法在字符串中查找字符串或匹配正則表達式，然後用新字符串或返回進行替換。該方法返回一個新的字符串，原字符串不會被修改。

replace方法的語法如下：

string.replace(regexp/substr, newSubStr/function)

其中regexp/substr表示要替換的字符串或正則表達式，newSubStr或function是新的子字符串或函數，用來替換在regexp/substr查找的子字符串或者匹配的正則表達式。

var str = "today is 2016-07-01";
var reg = /(\d{4})-(\d{1,2})-(\d{1,2})/;
var result = str.replace(reg, function(match, year, month, day) {
    return day + '/' + month + '/' + year;
});
console.log(result); //輸出today is 01/07/2016

上述代碼中，replace方法使用自定義函數將字符串中的日期格式進行了轉換，返回新的字符串。

需要注意的是，如果使用正則表達式進行匹配的話，需要使用圓括號將想要捕獲的部分括起來，以便在替換時使用。

五、split方法

split方法與replace方法類似，同樣可以使用正則表達式進行字符串截取和分割。該方法返回一個字符串數組，原字符串不會被修改。

split方法的語法如下：

string.split(separator, limit)

其中separator表示使用的分隔符，limit表示分割後返回的數組的最大長度。

var str = "hello world";
var reg = /\s/;
var result = str.split(reg);
console.log(result); //輸出['hello', 'world']

上述代碼中，使用空格作為分隔符將字符串進行截取。

需要注意的是，如果省略limit參數，將返回所有分割後的子串。如果limit參數為0或負數，則返回空數組。

六、總結

本文詳細闡述了JavaScript正則表達式在字符串截取方面的能力，包括match、exec、substring、replace、split等方法。讀者可以根據實際需求選擇最適合的方法進行操作。

需要注意的是，在使用正則表達式進行字符串截取時，需要了解正則表達式的寫法和匹配規則，以便正確使用方法。另外，一些方法返回的是新的字串，而不是修改原字符串，因此操作時需要注意原字符串的保護和保存。