3個(gè)工具助你玩轉(zhuǎn)正則表達(dá)式

正則表達(dá)式可以說(shuō)一直是大家的夢(mèng)魘，但是正則在工作中實(shí)在是使用太廣泛了，又不得不學(xué)習(xí)，但是卻很難掌握其中的奧秘（我也是一樣，用了就忘記了~）。為了能夠讓大家不再懼怕正則，有一些大神做了一些輔助工具用可視化的方式來(lái)幫助大家戰(zhàn)勝正則，下面我們就來(lái)為大家介紹幾款優(yōu)秀的可視化工具。

1. iHate Regex

地址：https://ihateregex.io/

介紹：這個(gè)工具的名稱非常符號(hào)大家對(duì)正則的態(tài)度了，不過(guò)這個(gè)工具確實(shí)夠強(qiáng)大，可以幫助我們快速搜索并匹配到合適的正則表達(dá)式，比如郵箱、日期、手機(jī)號(hào)碼等等常見的驗(yàn)證規(guī)則。

網(wǎng)站的整個(gè)風(fēng)格非常簡(jiǎn)單，很容易上手使用，比如我們查詢 email 的正則規(guī)則，會(huì)在新的頁(yè)面顯示正則結(jié)果，同樣還有可視化的正則匹配過(guò)程，如下圖所示：

難能可貴的是這個(gè)工具還是開源的，倉(cāng)庫(kù)地址：https://github.com/geongeorge/i-hate-regex

2. The Regular Expression Visualizer, Simulator & Cross-Compiler Tool

地址：https://blog.robertelder.org/regular-expression-visualizer/

介紹：當(dāng)我們?cè)诟墓ぞ咧休斎胝齽t表達(dá)式和搜索字符的時(shí)候，會(huì)自動(dòng)生成對(duì)應(yīng)的解析樹和控制流程圖，而且還有匹配的過(guò)程動(dòng)畫，如下圖所示，而且解析樹和控制流程圖還可以進(jìn)行縮放、全屏等操作，能夠直觀反映出正則表達(dá)式在匹配文本時(shí)的執(zhí)行流程。此外在網(wǎng)站上作者還貼心的錄制了視頻教程，大家感興趣的可以去學(xué)習(xí)下。

3. regex101

地址：https://regex101.com/

介紹：如果上面的兩個(gè)工具還不足以拯救你，那么下面這個(gè)工具就一定不容錯(cuò)過(guò)了，因?yàn)樗С种形陌。瑀egex101 主要是用來(lái)幫助我們進(jìn)行正則練習(xí)的工具，而且還支持多種語(yǔ)言風(fēng)格，比如 Python、Golang、Javascript 等，可以隨意切換。在我們練習(xí)的時(shí)候還會(huì)在右側(cè)給出對(duì)應(yīng)的解釋，以及速查表，如下圖所示：

所謂工欲善其事，必先利其器，我相信這幾款工具足以幫我們戰(zhàn)勝可怕的正則表達(dá)式了吧（也許~~~）