资讯专栏INFORMATION COLUMN

自己实现的一款在线Javascript正则表达式测试器——JRE-Parser

zhoutk / 2380人阅读

摘要:昨天在看正则表达式分钟入门教程的时候,看到博主自己实现了一个写的正则测试器,看上去挺方便的样子。但是我自己又不太喜欢乱装东西,所以寻思着能不能自己实现一个正则表达式测试器。于是几十行代码实现了这样一个正则测试器。

昨天在看《正则表达式30分钟入门教程》的时候,看到博主自己实现了一个C#写的正则测试器,看上去挺方便的样子。但是我自己又不太喜欢乱装东西,所以寻思着能不能自己实现一个javascript正则表达式测试器。于是几十行代码实现了这样一个正则测试器。

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

页面还比较简单,但是基本功能算是有了。可以正常使用~。

关于怎么从用户的输入中提取正则表达式的过程多亏@依云大神提点(传送门),有了如下的解决办法:

//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上创建的repo,给我pull request~。(Github上项目的传送门)

最后附上这款测试工具的地址:http://zry656565.github.io/JRE-Parser/

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/87529.html

相关文章

  • 12个优秀资源助你迅速掌握正则表达

    摘要:给开发人员使用的正则表达式测试仪。一个令人非常兴奋的项目,可以改变开发人员使用正则表达式的方式。它的目的是使正则表达式易于阅读和使用命令编写。实时的正则表达式测试工具,支持,,和。 正则表达式是每个程序开发人员的必备技能。任何开发项目,不管使用什么编程语言,都需要从给定的数据提取值并进行验证。例如对输入内容的验证,过滤 URL 变量等等,正则表达式处理这样的任务很容易,而且只需要很少的...

    zoomdong 评论0 收藏0
  • 前端资源分享-只为更好前端

    摘要:一团队组织网站说明腾讯团队腾讯前端团队,代表作品,致力于前端技术的研究腾讯社交用户体验设计,简称,腾讯设计团队网站腾讯用户研究与体验设计部百度前端研发部出品淘宝前端团队用技术为体验提供无限可能凹凸实验室京东用户体验设计部出品奇舞团奇虎旗下前 一、团队组织 网站 说明 腾讯 AlloyTeam 团队 腾讯Web前端团队,代表作品WebQQ,致力于前端技术的研究 ISUX 腾...

    JouyPub 评论0 收藏0
  • 前端资源分享-只为更好前端

    摘要:一团队组织网站说明腾讯团队腾讯前端团队,代表作品,致力于前端技术的研究腾讯社交用户体验设计,简称,腾讯设计团队网站腾讯用户研究与体验设计部百度前端研发部出品淘宝前端团队用技术为体验提供无限可能凹凸实验室京东用户体验设计部出品奇舞团奇虎旗下前 一、团队组织 网站 说明 腾讯 AlloyTeam 团队 腾讯Web前端团队,代表作品WebQQ,致力于前端技术的研究 ISUX 腾...

    vslam 评论0 收藏0
  • 前端资源分享-只为更好前端

    摘要:一团队组织网站说明腾讯团队腾讯前端团队,代表作品,致力于前端技术的研究腾讯社交用户体验设计,简称,腾讯设计团队网站腾讯用户研究与体验设计部百度前端研发部出品淘宝前端团队用技术为体验提供无限可能凹凸实验室京东用户体验设计部出品奇舞团奇虎旗下前 一、团队组织 网站 说明 腾讯 AlloyTeam 团队 腾讯Web前端团队,代表作品WebQQ,致力于前端技术的研究 ISUX 腾...

    zxhaaa 评论0 收藏0
  • JavaScript系列(四) - 收藏集 - 掘金

    摘要:函数式编程前端掘金引言面向对象编程一直以来都是中的主导范式。函数式编程是一种强调减少对程序外部状态产生改变的方式。 JavaScript 函数式编程 - 前端 - 掘金引言 面向对象编程一直以来都是JavaScript中的主导范式。JavaScript作为一门多范式编程语言,然而,近几年,函数式编程越来越多得受到开发者的青睐。函数式编程是一种强调减少对程序外部状态产生改变的方式。因此,...

    cfanr 评论0 收藏0

发表评论

0条评论

zhoutk

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<