給你一篇文章，如何挑選出你想要的字符串呢？你可以從左到右從上到下，一個一個字符讀取出來，寫一大堆if做判斷。這樣太麻煩了，正則就是將以上過程抽象出來，用一些特定符號就能表示出大部分規則

對大部分人來說，正則主要是難記，其實只要對正則符號分類記憶，就會發現核心概念其實特別簡單

注：本文會假設你至少看過一遍正則的文檔，如果沒看過，可以看mdn（有中文翻譯），如果覺得mdn排版亂，推薦去https://devdocs.io/javascript/global_objects/regexp學習。本文所使用語言為javascript

元字符

/a/中的a就是一個元字符，一個元字符匹配一個實體字符，這里的“a”沒有特殊含義，就匹配一個英文a

像//d/就匹配0到9的所有數字，如果兩個連寫//d/d/就可以匹配10到99的所有數字

/./可以匹配任何字符

集合

假如有一串字符串'0123456789'，我只想匹配其中的'3','6','9'，這時可以放在集合中/[369]/

執行后會發現只有3被匹配到，是因為集合中不管寫多少東西都代表一個元字符，集合也是一種元字符
你可能見過這樣都集合/[0-9a-zA-Z_]/它代表匹配所有數字，字母和下劃線，它與元字符//w/的效果是一樣的，集合更靈活/w更方便

排除型集合

/[^0-9]/除了數字都匹配（我喜歡叫它否定集合）

或（多選）

假設我有一大堆書單，我希望從中匹配出naroto和one piece，那么可以這樣寫/naroto|one pice/ 豎線代表或，a或b，你也可以寫多個a|b|c|d，你當然可以寫出0|1|2...|9來匹配所有數字。但要注意和集合的區別，集合是一個元字符，不能匹配單詞，|兩邊可以是多個元字符

分組

我現在有一堆文件，我希望匹配出后綴是.css和.less的文件，你可以很自然的寫出/.css|.less/這樣的代碼。其實還有一個簡便寫法/.(c|le)ss/，分組可以將若干個元字符放在同一個作用域中做處理，通過分組我們可以寫出更簡練的代碼

分組還有一個特殊的用法，思考如何匹配'asd_asd_asd_asd_asd'這種字符串?

答案是/(asd)(_/1)+/，/1是個非常特殊的元字符，代表重復使用第一個分組的匹配結果，/2就代表第二個，以此類推，+加號表示重復一到多次（這個后面會講），需要注意的是計數從1開始，/0代表另外的意思（請看文檔）

量詞

一長串字符中我只想匹配連續的數字，但//d/只會匹配一個，這時候可以使用量詞//d{n,}/，n寫幾就是幾到多，比如{1,}就是1到多。{n}這種寫法表示n個相連，匹配2333可以寫成/23{3}/

還有幾個簡寫的量詞

• +代表1到多，等于{1,}
• *代表0到多，等于{0,}
• ?代表0或1個，等于{0,1}

貪婪模式和非貪婪模式

量詞有個尷尬的地方，比如用/.*a/去匹配 '123a123a'，本來希望得到'123a'，實際卻得到'123a123a'。這是因為任何字符都滿足/./加上量詞會導致從頭匹配到尾，但因為我們還有其他元字符，所以這時正則引擎會回溯，將已經匹配的結果從后往前一個個拿出來，與剩下的元字符相匹配。
這種模式叫貪婪模式，它可能會產生預期之外的結果和不必要的性能浪費

解決方案是使用非貪婪模式，在量詞后面加?問號可以得到最小結果，現在使用/.*?a/去匹配就可以得到'123a'了。任何量詞后都可以使用非貪婪模式

環視

x(?=y)這個功能有很多種翻譯，比如零寬斷言，我個人感覺比較準確的是“正向肯定環視”
x(?!y)正向否定環視

x代表元字符，y也代表元字符，x(?=y)的意思是緊接著y的x，比如 '-1a--2b-'，使用//d(?=a)/去匹配，會得到1;//d(?!a)/去匹配，會得到2。

這功能怎么用？舉個例子，有一段字符串'a(123)b'，我只想要括號內的內容，但不想要括號
我需要匹配到右括號左邊的位置，那么我可以寫成/(?=/))/(注意括號需要轉義)，我不想要左括號/[^(]/，我不關心括號內的內容/.*/，這時組合三個正則就變成了/[^(].*(?=/))/

實際上這個功能匹配的是位置，從匹配到的位置開始找元字符，所以你如果在環視后面加量詞是沒用的

其他

^和$也是匹配位置的元字符，分別是匹配開頭和結尾，比如我們想匹配文件結尾是.js的文件可以寫成/.js$/。匹配http開頭的鏈接可以寫成/^http://///

還有一些特殊的/u[/b]/0等，需要你自己看文檔

標識符

g：一個正則只會匹配一次，如果加上g標識符就會全局匹配， //d/g，這個正則是不管兩個數字之間隔了什么，都會將所有數字匹配出來

i：不區分大小寫/^http://///i就會匹配http://和HTTP://

核心概念就這么多，其他內容請詳細查看文檔

你以為這就結束了？其實還有后續噠！

我要繼續說環視

還有個神奇的逆向環視沒有講x(?<=y) ，因為這是18年才進正式標準的功能，雖然它可能比js年齡大，但js就是不支持你怕不怕！

前面那個/[^(].*(?=/))/可以改成/(?<=y).*(?=/))/

正則最大但坑就是，讓新手產生正則無所不能的想法，一個復雜字符串處理總以為可以通過一個神奇的正則來搞定。

正則不是萬能的！

還是之前的例子，給字符串'a(1/(2(3)'讓你取括號內的內容請問你怎么取？首先應該弄清需求，如果正則過于難寫，可以用js的字符串處理函數輔助正則，分部操作。另外正則的性能并不高，不是說很復雜的操作寫成一行正則性能就比其他方式快了，沒有測試就沒有發言權

正則理論上是有極限的，舉個例子，有字符串1xxxyyyy2讓你取{n}個x和{m}個y，n和m是不確定個數，寫成x{1,}y{1,}是沒問題的，但如果要求是x{n}y{n}就不行了，比如一個字符串有3個x，你就要取3個y，有4個x，你就要取4個y，單靠正則就無法完成了。

正則難，難在門檻高，門檻高在難記，之所以難記，其實還是因為反人類的符號讓你下意識的排斥它。熟悉正則，正式正則，學會正則，會給你帶來超乎想象的便利！

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。