RegExp

ECMAScript通過RegExp類型支持正則表達式。正則表達式使用類似Perl的簡潔語法來創(chuàng)建：

let expression = /pattern/flags;

這個正則表達式的pattern（模式）可以是任何簡單或復雜的正則表達式，包括字符類、限定符、分組、向前查找和反向引用。每個正則表達式可以帶零個或者多個flags（標記），用于控制正則表達式的行為。下面給出了表示匹配模式的標記。

• g：全局模式，表示查找字符串的全部內容，而不是找到第一個匹配的內容就結束
• i：不區(qū)分大小寫，表示在查找匹配時忽略pattern和字符串的大小寫
• m：多行模式，表示查找到一行文本末尾時會繼續(xù)查找
• y：粘附模式，表示只查找從lastIndex開始及之后的字符串
• u：Unicode模式，啟用Unicode匹配
• s：dotAll模式，表示元字符.匹配任何字符（包括\n 或\r）

使用不同模式和標記可以創(chuàng)建出各種正則表達式，比如：

// 匹配字符串中的所有“at”
let pattern1 = /at/g;
//匹配第一個“bat”或者“cat”，忽略大小寫
let pattern2 = /[bc]at/i;
//匹配所有以“at”結尾的三字符組合，忽略大小寫
let pattern3 = /.at/gi;

與其他語言中的正則表達式類似，所有元字符在模式中也必須轉義，包括：

( [ { \ ^ $ | ) ] } ? * + .

元字符在正則表達式中都有一種或多種特殊功能，所以要匹配上面這些字符本身，就必須使用反斜杠來轉義。下面是幾個例子：

//匹配第一個“bat”或“cat”，忽略大小寫
let pattern1 = /[bc]at/i;
//匹配第一個"[bc]at",忽略大小寫
let pattern2 = /\[bc\]at/i;
//匹配所有以“at”結尾的三字符組合，忽略大小寫
let pattern3 = /.at/gi;
//匹配所有".at",忽略大小寫
let pattern4 = /\.at/gi

這里的pattern1匹配”bat“或”cat“，不區(qū)分大小寫。要直接匹配“[bc]at",左右中括號都必須像pattern2中那樣使用反斜杠轉義。

在pattern3中，點號表示"at"前面的任意字符都可以匹配。如果想匹配".at",那么要像pattern4中那樣對點號進行轉義。

前面例子中的正則表達式都是使用字面量形式定義的。正則表達式也可以使用RegExp構造函數(shù)來創(chuàng)建，它接收兩個參數(shù)：模式字符串 和 （可選的）標記字符串。任何使用字面量定義的正則表達式也可以通過構造函數(shù)來創(chuàng)建，比如：

//匹配第一個“bat”或“cat”，忽略大小寫
let pattern1 = /[bc]at/i;
//跟pattern1一樣，只不過是用構造函數(shù)創(chuàng)建的
let pattern2 = new RegExp("[bc]at","i");

這里的pattern1和pattern2是等效的正則表達式。注意，RegExp構造函數(shù)的兩個參數(shù)都是字符串。因為RegExp的模式參數(shù)是字符串，所以在某些情況下需要二次轉義。所有元字符都必須二次轉義，包括轉義字符序列，如\n （\轉義后的字符串是\,在正則表達式字符串中則要寫成\ \ \ \

此外，使用RegExp也可以基于已有的正則表達式實例，并可選擇性地修改它們的標記：

const rel = /cat/g;
console.log(rel); // "cat/g"
const re2 = new RegExp(rel);
console.log(re2); // "cat/g"

RegExp實例屬性

每一個RexExp實例都有下列屬性，提供有關模式的各方面信息。

• global：布爾值，表示是否設置了g標記。
• ignoreCase：布爾值，表示是否設置了i標記。
• unicode：布爾值，表示是否設置了u標記
• sticky：布爾值，表示是否設置了y標記。
• lastIndex：整數(shù)，表示在源字符串中下一次搜索的開始位置，始終從0開始。
• multiline：布爾值，表示是否設置了m標記。
• dotAll：布爾值，表示是否設置了s標記。
• source：正則表達式的字面量字符串（不是傳給構造函數(shù)的模式字符串），沒有開頭和結尾的斜杠。
• flags：正則表達式的標記字符串。始終以字面量而非傳入構造函數(shù)的字符串模式形式返回（沒有前后斜杠）。

let pattern1 = /\[bc\]at/i;
console.log(pattern1.global); //false
console.log(pattern1.ignoreCase); //true
console.log(pattern1.multiline); //false
console.log(pattern1.lastIndex); //0
console.log(pattern1.source); //"\[bc\]at"
console.log(pattern1.flags); //"i"

RegExp實例方法

RegExp實例的主要方法是exec()，主要用于配合捕獲組使用。這個方法只接受一個參數(shù)，即要應用模式的字符串。如果找到了匹配項，則返回包含第一個匹配信息的數(shù)組；如果沒有找到匹配項，則返回null。返回的數(shù)組雖然是Array的實例，但包含兩個額外的屬性：index和input。index是字符串中匹配模式的起始位置，input是要查找的字符串。這個數(shù)組的第一個元素是匹配整個模式的字符串，其他元素是與表達式中的捕獲組匹配的字符串。如果模式中沒有捕獲組，則數(shù)組只包含一個元素。來看下面的例子：

let text = 'mom and dad and baby';
let pattern = /mom( and dad(and baby)?)?/gi;
let matches = pattern.exec(text);
console.log(matches.index); // 0
console.log(matches.input); //"mom and dad and baby"
console.log(matches[0]); //"mom and dad and baby"
console.log(matches[1]); //" and dad and baby"

到此這篇關于JavaScript通過RegExp使用正則表達式過程詳解的文章就介紹到這了,更多相關JS RegExp內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論