JavaScript 正則表達式

1. 正則表達式建立

JavaScript 有兩種方式建立正則表達式：

• 第一種：直接經過/正則表達式/寫出來

• 第二種：經過new RegExp('正則表達式')建立一個RegExp對象

const re1 = /ABC\-001/;
const re2 = new RegExp('ABC\\-001');

re1; // /ABC\-001/
re2; // /ABC\-001/

注意，若是使用第二種寫法，由於字符串的轉義問題，字符串的兩個\其實是一個。

2. 使用模式

2.1 使用簡單模式

簡單的模式是由找到的直接匹配所構成的。好比，/abc/這個模式就匹配了在一個字符串中，僅僅字符 'abc' 同時出現並按照這個順序。在 "Hi, do you know your abc's?" 和 "The latest airplane designs evolved from slabcraft." 就會匹配成功。在上面的兩個實例中，匹配的是子字符串 'abc'。在字符串 "Grab crab" 中將不會被匹配，由於它不包含任何的 'abc' 子字符串。

2.2 使用特殊字符

例如：模式/abc/匹配了一個單獨的 'a' 後面跟了零個或者多個 'b'（的意思是前面一項出現了零個或者多個），且後面跟着 'c' 的任何字符組合。在字符串 "s'scbbabbbbcdebc" 中，這個模式匹配了子字符串 "abbbbc"。

字符	含義
\	匹配將依照下列規則： 在非特殊字符以前的反斜槓表示下一個字符是特殊的，不能從字面上解釋。例如，前面沒有''的'd'一般匹配小寫'd'。若是加了'',這個字符變成了一個特殊意義的字符，意思是匹配一個數字。 反斜槓也能夠將其後的特殊字符，轉義爲字面量。例如，模式 /a/ 表明會匹配 0 個或者多個 a。相反，模式 /a*/ 將 '' 的特殊性移除，從而能夠匹配像 "a*" 這樣的字符串。 使用 new RegExp("pattern") 的時候也不要忘記將  進行轉義，由於  在字符串裏面也是一個轉義字符。
^	匹配輸入的開始，例如，/^A/ 並不會匹配 "an A" 中的 'A'，可是會匹配 "An E" 中的 'A'。
$	匹配輸入的結束。例如，/t$/ 並不會匹配 "eater" 中的 't'，可是會匹配 "eat" 中的 't'。
*	匹配前一個表達式0次或屢次。等價於 {0,}。例如，/bo*/會匹配 "A ghost boooooed" 中的 'booooo'
+	匹配前面一個表達式1次或者屢次。等價於 {1,}。例如，/a+/匹配了在 "candy" 中的 'a'，和在 "caaaaaaandy" 中全部的 'a'。
?	匹配前面一個表達式0次或者1次。等價於 {0,1}。例如，/e?le?/ 匹配 "angel" 中的 'el'，和 "angle" 中的 'le' 以及"oslo' 中的'l'。 若是緊跟在任何量詞 *、 +、? 或 {} 的後面，將會使量詞變爲非貪婪的（匹配儘可能少的字符），和缺省使用的貪婪模式（匹配儘量多的字符）正好相反。 例如，對 "123abc" 應用 /\d+/ 將會返回 "123"，若是使用 /\d+?/,那麼就只會匹配到 "1"。
.	匹配除換行符以外的任何單個字符。例如，/.n/將會匹配 "nay, an apple is on the tree" 中的 'an' 和 'on'，可是不會匹配 'nay'。
x	y
{n}	n是一個正整數，匹配了前面一個字符恰好發生了n次。 好比，/a{2}/不會匹配「candy」中的'a',可是會匹配「caandy」中全部的a，以及「caaandy」中的前兩個'a'。
{n,m}	n 和 m 都是整數。匹配前面的字符至少n次，最多m次。若是 n 或者 m 的值是0， 這個值被忽略。例如，/a{1, 3}/ 並不匹配「cndy」中的任意字符，匹配「candy」中的a，匹配「caandy」中的前兩個a，也匹配「caaaaaaandy」中的前三個a。注意，當匹配」caaaaaaandy「時，匹配的值是「aaa」，即便原始的字符串中有更多的a。
[xyz]	一個字符集合。匹配方括號中的任意字符，包括轉義序列。你可使用破折號（-）來指定一個字符範圍。對於點（.）和星號（*）這樣的特殊符號在一個字符集中沒有特殊的意義。他們沒必要進行轉義，不過轉義也是起做用的。 例如，[abcd] 和[a-d]是同樣的。他們都匹配"brisket"中的‘b’,也都匹配「city」中的‘c’。/[a-z.]+/ 和/[\w.]+/與字符串「test.i.ng」匹配。
[^xyz]	一個反向字符集。也就是說， 它匹配任何沒有包含在方括號中的字符。你可使用破折號（-）來指定一個字符範圍。任何普通字符在這裏都是起做用的。
\b	匹配一個詞的邊界。一個詞的邊界就是一個詞不被另一個「字」字符跟隨的位置或者沒有其餘「字」字符在其前面的位置。注意，一個匹配的詞的邊界並不包含在匹配的內容中。換句話說，一個匹配的詞的邊界的內容的長度是0。例如： /\bm/匹配「moon」中的‘m’；/oo\b/並不匹配"moon"中的'oo'，由於'oo'被一個「字」字符'n'緊跟着。/oon\b/匹配"moon"中的'oon'，由於'oon'是這個字符串的結束部分。這樣他沒有被一個「字」字符緊跟着。
\d	匹配一個數字。等價於[0-9]。例如， /\d/ 或者 /[0-9]/ 匹配"B2 is the suite number."中的'2'。
\D	匹配一個非數字字符。等價於[^0-9]。例如， /\D/ 或者 /[^0-9]/ 匹配"B2 is the suite number."中的'B' 。
\f	匹配一個換頁符 (U+000C)。
\n	匹配一個換行符 (U+000A)。
\r	匹配一個回車符 (U+000D)。
\s	匹配一個空白字符，包括空格、製表符、換頁符和換行符。等價於[ \f\n\r\t\v\u00a0\u1680\u180e\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]。 例如, /\s\w*/ 匹配"foo bar."中的' bar'。
\S	匹配一個非空白字符。等價於[^ \f\n\r\t\v\u00a0\u1680\u180e\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]。 例如， /\S\w*/ 匹配"foo bar."中的'foo'。
\t	匹配一個水平製表符 (U+0009)。
\w	匹配一個單字字符（字母、數字或者下劃線）。等價於[A-Za-z0-9_]。 例如, /\w/ 匹配 "apple," 中的 'a'，"$5.28,"中的 '5' 和 "3D." 中的 '3'。
\W	匹配一個非單字字符。
\n	在正則表達式中，它返回最後的第n個子捕獲匹配的子字符串(捕獲的數目以左括號計數)。

3. 應用

3.1 切分字符串

用正則表達式切分字符串比用固定的字符更靈活，一般的切分代碼：

'a d   c'.split(' '); // ['a', 'd', '', '', 'c']

上面方法沒法識別連續的空格，改用正則表達式：

'a b   c'.split(/\s+/); // ['a', 'b', 'c']

不管多少個空格均可以正常分割。再加入‘,’：

'a,b, c  d'.split(/[\s\,]+/); // ['a', 'b', 'c', 'd']

再加入;：

'a,b;; c  d'.split(/[\s\,\;]+/); // ['a', 'b', 'c', 'd']

因此，能夠用正則表達式來把不規範的輸入轉化成正確的數組。

3.2 分組

除了判斷是否匹配以外，正則表達式還能夠提取子串，用()表示的就是要提取的分組（Group）。好比：

^(\d{4})-(\d{4,9})$分別定義了兩個組，能夠直接從匹配的字符串中提取出區號和本地號碼：

var re = /^(\d{4})-(\d{4,9})$/;
re.exec('0530-12306'); // ['010-12345', '010', '12345']
re.exec('0530 12306'); // null

exec()方法在匹配成功後，返回一個數組，第一個元素是正則表達式匹配到的整個字符串，後面的字符串表示匹配成功的子串。

exec()方法在匹配失敗時返回null。

3.3 貪婪匹配

注意，正則匹配默認是貪婪匹配，也就是匹配儘量多的字符。以下，匹配出數字後面的0：

var re = /^(\d+)(0*)$/;
re.exec('102300'); // ['102300', '102300', '']

因爲\d+採用貪婪匹配，直接把後面的0所有匹配了，結果0*只能匹配空字符串了。

必須讓\d+採用非貪婪匹配（也就是儘量少匹配），才能把後面的0匹配出來，加個?就可讓\d+採用非貪婪匹配：

var re = /^(\d+?)(0*)$/;
re.exec('102300'); // ['102300', '1023', '00']

3.4 正則表達式標誌

g   全局搜索。
i   不區分大小寫搜索。
m   多行搜索。
y   執行「粘性」搜索,匹配從目標字符串的當前位置開始，可使用y標誌。

3.6 test() 方法

test() 方法用於檢測一個字符串是否匹配某個模式，若是字符串中含有匹配的文本，則返回 true，不然返回 false。

var re = /^(\d{4})-(\d{4,9})$/;
re.test('0530-12321'); // true
re.test('0530-123ab'); // false
re.test('0530 12321'); // false

4. 經常使用正則（參考）

驗證Email地址：^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
驗證身份證號（15位或18位數字）：^\d{15}|\d{}18$

中國大陸手機號碼：1\d{10}
中國大陸固定電話號碼：(\d{4}-|\d{3}-)?(\d{8}|\d{7})
中國大陸郵政編碼：[1-9]\d{5}

IP地址：((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)

日期(年-月-日)：(\d{4}|\d{2})-((1[0-2])|(0?[1-9]))-(([12][0-9])|(3[01])|(0?[1-9]))
日期(月/日/年)：((1[0-2])|(0?[1-9]))/(([12][0-9])|(3[01])|(0?[1-9]))/(\d{4}|\d{2})


驗證數字：^[0-9]*$
驗證n位的數字：^\d{n}$
驗證至少n位數字：^\d{n,}$
驗證m-n位的數字：^\d{m,n}$
驗證零和非零開頭的數字：^(0|[1-9][0-9]*)$
驗證有1-3位小數的正實數：^[0-9]+(.[0-9]{1,3})?$
驗證非零的正整數：^\+?[1-9][0-9]*$
驗證非零的負整數：^\-[1-9][0-9]*$
驗證非負整數（正整數 + 0） ^\d+$
驗證非正整數（負整數 + 0） ^((-\d+)|(0+))$
驗證長度爲3的字符：^.{3}$
驗證由26個英文字母組成的字符串：^[A-Za-z]+$
驗證由26個大寫英文字母組成的字符串：^[A-Z]+$
驗證由26個小寫英文字母組成的字符串：^[a-z]+$
驗證由數字和26個英文字母組成的字符串：^[A-Za-z0-9]+$