可视化的解析正则表达式Site

对于某些复杂的正则表达式,有时候很难想象它能够匹配的是哪些文字。这个时候就很想找到一个可以可视化分析解读正则表达式的工具 。

比如:
^(a-z|A-Z|0-9){4}$
这样简单的表达式,一眼就可以看出它所表达的意思。但是如果变得更复杂的比如:"[\w!#$%&'+/=?^_{|}~-]+(?:\\.[\\w!#$%&'*+/=?^_{|}~-]+)@(?:\w?\.)+\w?" ,可能你就头大了。
但是我找到了一个可以可视化的功能了

Regexger

www.regexper.com

输入正则表达式之后,点击Display按钮,就可以看到tree的示意图了。

^([a-zA-Z0-9])+([a-zA-Z0-9\._-])*@([a-zA-Z0-9_-])+([a-zA-Z0-9\._-]+)+$

上面的正则表达式,如下图的效果

Paste_Image.png

有了这样的显示效果,我想是谁都可以写正则表达式了。

测试正则表达式

http://regexr.com/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 推荐几个正则表达式编辑器 Debuggex :https://www.debuggex.com/ PyRegex:...
    木易林1阅读 11,540评论 9 151
  • 几个正则表达式编辑器 Debuggex :https://www.debuggex.com/ PyRegex:ht...
    没技术的BUG开发攻城狮阅读 4,615评论 0 23
  • 初衷:看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印...
    DCbryant阅读 4,060评论 0 20
  • 正则表达式到底是什么东西?字符是计算机软件处理文字时最基本的单位,可能是字母,数字,标点符号,空格,换行符,汉字等...
    狮子挽歌阅读 2,170评论 0 9
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,915评论 18 139