自己實現(xiàn)的一款在線Javascript正則表達式測試器——JRE-Parser

zhoutk 發(fā)布于2019-08-21 12:17 / 2416人閱讀

摘要：昨天在看正則表達式分鐘入門教程的時候，看到博主自己實現(xiàn)了一個寫的正則測試器，看上去挺方便的樣子。但是我自己又不太喜歡亂裝東西，所以尋思著能不能自己實現(xiàn)一個正則表達式測試器。于是幾十行代碼實現(xiàn)了這樣一個正則測試器。

昨天在看《正則表達式30分鐘入門教程》的時候，看到博主自己實現(xiàn)了一個C#寫的正則測試器，看上去挺方便的樣子。但是我自己又不太喜歡亂裝東西，所以尋思著能不能自己實現(xiàn)一個javascript正則表達式測試器。于是幾十行代碼實現(xiàn)了這樣一個正則測試器。

先展示一下0.1版本的效果圖吧~

頁面還比較簡單，但是基本功能算是有了?？梢哉Ｊ褂脋。

關(guān)于怎么從用戶的輸入中提取正則表達式的過程多虧@依云大神提點（傳送門），有了如下的解決辦法：

//r是用戶輸入的字符串
var JTester = function (r) {
    var begin = r.indexOf("/");
    var end = r.lastIndexOf("/");
    var flags = r.match(//([igm]{0,3})$/i)[1];
    this.r = new RegExp(r.substring(begin + 1, end), flags);
};

如果有什么更好的想法也可以隨時和我說，或者干脆Fork我在Github上創(chuàng)建的repo，給我pull request~。（Github上項目的傳送門）

最后附上這款測試工具的地址：http://zry656565.github.io/JRE-Parser/

GPU云服務(wù)器云服務(wù)器 javascript在線測試正則正則表達式正則匹配正則表達式 -正則表達式

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87529.html

相關(guān)文章

12個優(yōu)秀資源助你迅速掌握正則表達式

摘要：給開發(fā)人員使用的正則表達式測試儀。一個令人非常興奮的項目，可以改變開發(fā)人員使用正則表達式的方式。它的目的是使正則表達式易于閱讀和使用命令編寫。實時的正則表達式測試工具，支持，，和。正則表達式是每個程序開發(fā)人員的必備技能。任何開發(fā)項目，不管使用什么編程語言，都需要從給定的數(shù)據(jù)提取值并進行驗證。例如對輸入內(nèi)容的驗證，過濾 URL 變量等等，正則表達式處理這樣的任務(wù)很容易，而且只需要很少的...

zoomdong 2019-06-27 10:31 評論0 收藏0
前端資源分享-只為更好前端

摘要：一團隊組織網(wǎng)站說明騰訊團隊騰訊前端團隊，代表作品，致力于前端技術(shù)的研究騰訊社交用戶體驗設(shè)計，簡稱，騰訊設(shè)計團隊網(wǎng)站騰訊用戶研究與體驗設(shè)計部百度前端研發(fā)部出品淘寶前端團隊用技術(shù)為體驗提供無限可能凹凸實驗室京東用戶體驗設(shè)計部出品奇舞團奇虎旗下前一、團隊組織網(wǎng)站說明騰訊 AlloyTeam 團隊騰訊Web前端團隊，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

zxhaaa 2019-08-22 16:11 評論0 收藏0
前端資源分享-只為更好前端

摘要：一團隊組織網(wǎng)站說明騰訊團隊騰訊前端團隊，代表作品，致力于前端技術(shù)的研究騰訊社交用戶體驗設(shè)計，簡稱，騰訊設(shè)計團隊網(wǎng)站騰訊用戶研究與體驗設(shè)計部百度前端研發(fā)部出品淘寶前端團隊用技術(shù)為體驗提供無限可能凹凸實驗室京東用戶體驗設(shè)計部出品奇舞團奇虎旗下前一、團隊組織網(wǎng)站說明騰訊 AlloyTeam 團隊騰訊Web前端團隊，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

JouyPub 2019-08-02 10:10 評論0 收藏0
前端資源分享-只為更好前端

摘要：一團隊組織網(wǎng)站說明騰訊團隊騰訊前端團隊，代表作品，致力于前端技術(shù)的研究騰訊社交用戶體驗設(shè)計，簡稱，騰訊設(shè)計團隊網(wǎng)站騰訊用戶研究與體驗設(shè)計部百度前端研發(fā)部出品淘寶前端團隊用技術(shù)為體驗提供無限可能凹凸實驗室京東用戶體驗設(shè)計部出品奇舞團奇虎旗下前一、團隊組織網(wǎng)站說明騰訊 AlloyTeam 團隊騰訊Web前端團隊，代表作品WebQQ，致力于前端技術(shù)的研究 ISUX 騰...

vslam 2019-08-30 15:53 評論0 收藏0
JavaScript系列（四） - 收藏集 - 掘金

摘要：函數(shù)式編程前端掘金引言面向?qū)ο缶幊桃恢币詠矶际侵械闹鲗?dǎo)范式。函數(shù)式編程是一種強調(diào)減少對程序外部狀態(tài)產(chǎn)生改變的方式。 JavaScript 函數(shù)式編程 - 前端 - 掘金引言面向?qū)ο缶幊桃恢币詠矶际荍avaScript中的主導(dǎo)范式。JavaScript作為一門多范式編程語言，然而，近幾年，函數(shù)式編程越來越多得受到開發(fā)者的青睞。函數(shù)式編程是一種強調(diào)減少對程序外部狀態(tài)產(chǎn)生改變的方式。因此，...

cfanr 2019-08-20 16:33 評論0 收藏0