正則表達(dá)式可以說(shuō)一直是大家的夢(mèng)魘，但是正則在工作中實(shí)在是使用太廣泛了，又不得不學(xué)習(xí)，但是卻很難掌握其中的奧秘（我也是一樣，用了就忘記了~）。

為了能夠讓大家不再懼怕正則，有一些大神做了一些輔助工具用可視化的方式來(lái)幫助大家戰(zhàn)勝正則，下面我們就來(lái)為大家介紹幾款優(yōu)秀的可視化工具。

1. iHate Regex

地址：https://ihateregex.io/

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

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

難能可貴的是這個(gè)工具還是開(kāi)源的，倉(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)的解析樹(shù)和控制流程圖，而且還有匹配的過(guò)程動(dòng)畫(huà)，如下圖所示：

而且解析樹(shù)和控制流程圖還可以進(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á)式了吧！

延伸閱讀

上面介紹的幾種工具，都是根據(jù)已有正則表達(dá)式去驗(yàn)證結(jié)果類型的工具。使用它們的前提是，你得先學(xué)會(huì)正則表達(dá)式的基本使用。

而接下來(lái)我們介紹的這個(gè)神器 grex 是可以根據(jù)表達(dá)式直接生成正則表達(dá)式的，使用它你并不需要任何正則表達(dá)式的基礎(chǔ)，先看看效果吧：

這么棒的工具，難道你不想擁有嗎？欲下載此神器，只需在公眾號(hào)對(duì)話框內(nèi)回復(fù) 「grex」，即可獲取下載地址。
責(zé)編AJX