正則表達(dá)式可視化

我們經(jīng)常在程序開發(fā)和數(shù)據(jù)處理過程中使用萬能的正則表達(dá)式,來對(duì)字符串進(jìn)行匹配、查找、替換、過濾等等操作,以達(dá)到我們的命中結(jié)果??梢哉f我們?cè)诨ヂ?lián)網(wǎng)上看到的任何文字信息都是字符串類型,都可以用正則表達(dá)式進(jìn)行查找匹配,有簡單易寫的,也有復(fù)雜難懂的。而接下來介紹的這款工具可以幫助我們?cè)谡齽t表達(dá)式理解和使用上都有很大的幫助,甚至能根據(jù)描述,自動(dòng)生成正則表達(dá)式,進(jìn)而解析表達(dá)語句。能在使用它的過程中去不斷學(xué)習(xí),提升我們的正則編寫能力。
工具介紹
visualRegex(https://wangwl.net/static/projects/visualRegex)是一款正則表達(dá)式可視化在線工具,借助JavaScript 正則語法,再加上前端的技術(shù)開發(fā)而成。該工具集正則可視化、語法速查、常用正則速查、正則AI生成、語法拆分、語義解析為一體的專業(yè)在線正則表達(dá)式工具。

正則表達(dá)式可視化
可根據(jù)正則表達(dá)式,格式化正則語法,拆分為一段段的規(guī)則,通過前端渲染的方式對(duì)各個(gè)部分的規(guī)則進(jìn)行可視化展示。讓使用者更加通俗易懂,一目了然。

正則表達(dá)式語義化
可以對(duì)上述填寫的正則表達(dá)式進(jìn)行語義解析,說明當(dāng)前整個(gè)正則表達(dá)式的一個(gè)作用及各個(gè)部分匹配規(guī)則的說明。而且如果表達(dá)式中漢字匹配,可以自動(dòng)識(shí)別這些詞語的關(guān)聯(lián)性或行業(yè),如:樓、棟、單元等,會(huì)自動(dòng)解析為建筑類匹配類型。

正則表達(dá)式自動(dòng)生成
當(dāng)我們不知道需求業(yè)務(wù)匹配的正則表達(dá)式規(guī)則如何寫、無從下手的時(shí),可以構(gòu)思下該規(guī)則的文字描述,填寫到輸入框點(diǎn)擊生成表達(dá)式,就可以自動(dòng)幫我們生成正則表達(dá)式,是不是很方便。

在線測(cè)試
支持在線測(cè)試,所寫或所生成的表達(dá)式是否符合預(yù)期,常用的match、search等都有,可以進(jìn)行調(diào)試使用。當(dāng)然自定義了一個(gè)test函數(shù)進(jìn)行測(cè)試,返回ture則匹配成功,否則匹配失敗。功能相當(dāng)友好了。

支持語法
可根據(jù)當(dāng)前頁面上的【支持語法】展示,對(duì)表達(dá)式進(jìn)行微調(diào)或修改
