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

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

1. iHate Regex

地址：https://ihateregex.io/

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

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

難能可貴的是這個工具還是開源的，倉庫地址：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)我們在該工具中輸入正則表達(dá)式和搜索字符的時候，會自動生成對應(yīng)的解析樹和控制流程圖，而且還有匹配的過程動畫，如下圖所示：

而且解析樹和控制流程圖還可以進(jìn)行縮放、全屏等操作，能夠直觀反映出正則表達(dá)式在匹配文本時的執(zhí)行流程。此外在網(wǎng)站上作者還貼心的錄制了視頻教程，大家感興趣的可以去學(xué)習(xí)下。

3. regex101

地址：https://regex101.com/

介紹：如果上面的兩個工具還不足以拯救你，那么下面這個工具就一定不容錯過了，因為它支持中文啊，regex101 主要是用來幫助我們進(jìn)行正則練習(xí)的工具，而且還支持多種語言風(fēng)格，比如 Python、Golang、Javascript 等，可以隨意切換。在我們練習(xí)的時候還會在右側(cè)給出對應(yīng)的解釋，以及速查表，如下圖所示：

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

延伸閱讀

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

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

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