練完這篇就會寫正則

正規表示式(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 表示 匹配字母、數字、下劃線
它是元字元，除此之外的元字元還有：

有了元字元，我們就可以練些簡單的匹配

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.+] 區間，表示 匹配符號 -，或字母、數字、下劃線，或符號 . ，或符號 +
除此之外的常見用法還有：

限定符

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

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

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

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個。 一個量詞就如此貪婪

懶惰 / 非貪婪

當正規表示式中包含能接受重複的限定符時，通常的行為是（在使整個表示式能得到匹配的前提下）匹配儘可能少的字元，這匹配方式叫做懶惰匹配。

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

    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"    複製程式碼

原創不易，如果我的文章對你有幫助，請點贊鼓勵

公眾號原文連結：練完這篇就會寫正則