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

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

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

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

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

頁面還比較簡(jiǎn)單，但是基本功能算是有了。可以正常使用~。

關(guān)于怎么從用戶的輸入中提取正則表達(dá)式的過程多虧@依云大神提點(diǎ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);
};

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/87529.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

cfanr 2019-08-20 16:33 評(píng)論0 收藏0