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

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

1. iHate Regex

地址：https://ihateregex.io/

介紹：這個工具的名稱非常符合大家對正則的態(tài)度了，不過這個工具確實夠強大，可以幫助我們快速搜索并匹配到合適的正則表達式，比如郵箱、日期、手機號碼等等常見的驗證規(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)我們在該工具中輸入正則表達式和搜索字符的時候，會自動生成對應(yīng)的解析樹和控制流程圖，而且還有匹配的過程動畫，如下圖所示：

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

3. regex101

地址：https://regex101.com/

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

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

本文轉(zhuǎn)載自：「k8s技術(shù)圈」，原文：http://suo.im/609xxr，版權(quán)歸原作者所有。歡迎投稿，投稿郵箱: editor@hi-linux.com。

延伸閱讀

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

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

$ grex a b c  
^[a-c]$  
$ grex a c d e f  
^[ac-f]$  
$ grex a b x de  
^(?:de|[abx])$  
$ grex abc bc  
^a?bc$  
$ grex a b bc  
^(?:bc?|a)$  
$ grex [a-z]  
^\[a\-z\]$  
$ grex -r b ba baa baaa 
^b(?:a{1,3})?$  
$ grex -r b ba baa baaaa 
^b(?:a{1,2}|a{4})?$  
$ grex y̆ a z  
^(?:y̆|[az])$  
Note:   
Grapheme y̆ consists of two Unicode symbols:  
U+0079 (Latin Small Letter Y)  
U+0306 (Combining Breve)  
$ grex "I ♥ cake" "I ♥ cookies"  
^I ♥ c(?:ookies|ake)$  
Note:  
Input containing blank space must be   
surrounded by quotation marks. 

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