練完這篇就會寫正則

正則表達式(Regular Expression)是一種文本模式，使用單個字符串來描述、匹配一系列匹配某個句法規則的字符串。它繁瑣也強大，幾乎全部全部編程語言都支持利用正則表達式進行字符串操做。認真學習，勤動手。加上應用的時候進行必定的參考，掌握正則表達式不是問題。

首先咱們用一條正則來作通篇的線索列表能夠不記，但練習必定要作

\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+.)+[A-Za-z]{2,14}

在線正則檢測工具 (能夠生成各類語言正則匹配的代碼)

語法

元字符

🌰：\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+.)+[A-Za-z]{2,14}

\w 表示 匹配字母、數字、下劃線
它是元字符，除此以外的元字符還有：

字符	描述
\d	匹配一個數字字符。等價於 [0-9]。
\D	匹配一個非數字字符。等價於 [^0-9]。
\w	匹配字母、數字、下劃線。等價於'[A-Za-z0-9_]'
\W	匹配非字母、數字、下劃線。等價於 '[^A-Za-z0-9_]'
\s	匹配任何空白字符，包括空格、製表符、換頁符
\S	匹配任何非空白字符。等價於 [^ \f\n\r\t\v]
.	匹配除換行符（\n、\r）以外的任何單個字符。要匹配包括 '\n' 在內的任何字符，請使用像"(.
\f	匹配一個換頁符。
\n	匹配一個換行符。
\r	匹配一個回車符。
\t	匹配一個製表符。
\v	匹配一個垂直製表符。
^	匹配輸入字符串開始的位置。
$	匹配輸入字符串結尾的位置
\b	匹配一個單詞邊界，也就是指單詞和空格間的位置。例如， 'er\b' 能夠匹配"never" 中的 'er'，但不能匹配 "verb" 中的 'er'。
\B	與 \b 相反：er\B' 能匹配 "verb" 中的 'er'，但不能匹配 "never" 中的 'er'。

有了元字符，咱們就能夠練些簡單的匹配

1. 匹配ing結尾單詞

ing\b

2. 匹配11位數的中國手機號：

1\d\d\d\d\d\d\d\d\d\d

區間

🌰：\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+.)+[A-Za-z]{2,14}

[-\w.+] 區間，表示 匹配符號 -，或字母、數字、下劃線，或符號 . ，或符號 +
除此以外的常見用法還有：

字符	描述
[0-9]	匹配 0-9 之間的數字
[A-Z]	匹配 A-Z 之間的字母，也能夠組合 [A-Za-z0-9]

限定符

🌰：\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+.)+[A-Za-z]{2,14}

* 表示出現，匹配前面的子表達式零次或屢次。例如，zo* 能匹配 "z" 以及 "zoo"
除此以外的限定符還有：

字符	描述
*	匹配前面的子表達式零次或屢次。例如，zo* 能匹配 "z" 以及 "zoo"。* 等價於{0,}
+	匹配前面的子表達式一次或屢次。例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等價於 {1,}
?	匹配前面的子表達式零次或一次。例如，"do(es)?" 能夠匹配 "do" 、 "does" 中的 "does" 、 "doxy" 中的 "do" 。? 等價於 {0,1}
{n}	n 是一個非負整數。匹配肯定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，可是能匹配 "food" 中的兩個 o
{n,}	n 是一個非負整數。至少匹配n 次。例如，'o{2,}' 不能匹配 "Bob" 中的 'o'，但能匹配 "foooood" 中的全部 o。'o{1,}' 等價於 'o+'。'o{0,}' 則等價於 'o*'
{n,m}	m 和 n 均爲非負整數，其中n <= m。最少匹配 n 次且最多匹配 m 次。例如，"o{1,3}" 將匹配 "fooooood" 中的前三個 o。'o{0,1}' 等價於 'o?'。請注意在逗號和兩個數之間不能有空格

有了區間、限定符，結合元字符

1. 匹配9位數的QQ郵箱：

[0-9]{9}@qq.com

2. 身份證號：

\d{17}[0-9Xx]|\d{15}

3. ip地址：

\d{0,3}\.\d{0,3}\.\d{0,3}\.\d{0,3}

普通字符 和 轉義

🌰：\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}

@ 是普通字符，標識一定會出現的內容。 好比:匹配域名 juejin.im,你徹底能夠用

https://juejin.im

但因爲符號 /、.、(、) 等等在正則是特殊字符，因此須要用轉義符 \ 轉義

https:\/\/juejin\.im

學到這裏

學到這裏。結合在線檢測工具，就能知足工做基本須要

在線正則檢測工具  (能夠生成各類語言正則匹配的代碼)

接下來會說正則中重要的概念

子表達式

用圓括號組成一個比較複雜的匹配模式，那麼一個圓括號的部分咱們能夠看做是一個子表達式。

舉例 var reg=/(\d)([a-z]*)/gi

• (\d)就是第一個子表達式
• ([a-z]) 是第二個子表達式

捕獲 & 反捕獲

多個子表達式所匹配到的內容按順序出如今內存的緩衝區中捕獲數組，這個咱們稱爲捕獲

舉例 var reg=/(\d)([a-z]*)/gi 匹配 1adkk

用js代碼驗證下：/(\d)([a-z]*)/gi

<script>
    var str = '1adkk';
    var reg=/(\d)([a-z]*)/gi
    if(reg.test(str)) {
                console.log( RegExp.$1 );
                console.log( RegExp.$2 );
                console.log( RegExp.$3 );
    }
</script>

輸出結果：
1               index.html:16
adkk            index.html:17 
                index.html:18 
複製代碼

反捕獲 與 捕獲相反，標記不須要捕獲的內容 

用js代碼驗證下：/(?:\d)([a-z]*)/gi

<script>
    var str = '1adkk';
    var reg=/(?:\d)([a-z]*)/gi    if(reg.test(str)) {
                console.log( RegExp.$1 );
                console.log( RegExp.$2 );
                console.log( RegExp.$3 );
    }
</script>

輸出結果：
adkk            index.html:16
                index.html:17 
                index.html:18 
複製代碼

反向引用

圓括號的內容被捕獲後，能夠在這個括號後被使用，從而寫出一個比較實用的匹配模式，這個咱們稱爲反向引用

var str="1adkk" var reg=/(\d)([a-z])/gi

把 (\d)匹配到的結果 1 放入緩存區 => 引用 $1

把 ([a-z])匹配的內容 a 放入緩存區 => 引用 $2

用js代碼驗證下：

var str = '1adkk';
    var reg = /(\d)([a-z]*)/gi;

    var result = str.replace(reg, "$2$2");
    console.log(result);
    
輸出結果：  
    adkkadkk
複製代碼

貪婪

貪婪匹配：當正則表達式中包含能接受重複的限定符時，一般的行爲是（在使整個表達式能獲得匹配的前提下）匹配儘量多的字符，這匹配方式叫作貪婪匹配。

舉個例子：

var str = '1adkk adkkk adkkkk';
    var reg = /([a-z]){4,6}/gi;

    var result = str.match(reg);
    console.log(result);
    
輸出結果：  
    0: "adkk"
    1: "adkkk"
    2: "adkkkk"
複製代碼

由結果得知：「1adkk adkkk adkkkk」這一段，其實只須要出現4個字母就匹配成功，可是它並不知足，而是匹配到了最大能匹配的字符，也就是6個。 一個量詞就如此貪婪

懶惰 / 非貪婪

當正則表達式中包含能接受重複的限定符時，一般的行爲是（在使整個表達式能獲得匹配的前提下）匹配儘量少的字符，這匹配方式叫作懶惰匹配。

懶惰量詞是在貪婪量詞後面加個?

代碼	說明
*?	重複屢次，但儘量少重複
+?	重複1次、屢次，但儘量少重複
??	重複0次、1次，但儘量少重複
{n,m}?	重複n~m次，但儘量少重複
{n,}?	重複n次以上，但儘量少重複

var str = '1adkk adkkk adkkkk';
    var reg = /(\w{3,4}?)/gi;

    var result = str.match(reg);
    console.log(result);
輸出結果：
    0: "1ad"
    1: "adk"
    2: "adk"
    3: "kkk"    複製代碼

原創不易，若是個人文章對你有幫助，請點贊鼓勵

公衆號原文連接： 練完這篇就會寫正則