我们经常在程序开发和数据处理过程中使用万能的正则表达式,来对字符串进行匹配、查找、替换、过滤等等操作,以达到我们的命中结果。可以说我们在互联网上看到的任何文字信息都是字符串类型,都可以用正则表达式进行查找匹配,有简单易写的,也有复杂难懂的。而接下来介绍的这款工具可以帮助我们在正则表达式理解和使用上都有很大的帮助,甚至能根据描述,自动生成正则表达式,进而解析表达语句。能在使用它的过程中去不断学习,提升我们的正则编写能力。
工具介绍
visualRegex(https://wangwl.net/static/projects/visualRegex#)是一款正则表达式可视化在线工具,借助JavaScript 正则语法,再加上前端的技术开发而成。该工具集正则可视化、语法速查、常用正则速查、正则AI生成、语法拆分、语义解析为一体的专业在线正则表达式工具。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mfjobQEM-1681732416252)(/Users/fanison/Documents/typro_project/media/正则可视化/image-20230325140918318.png)]](https://i-blog.csdnimg.cn/blog_migrate/5e95ec6bedf7501a8c2142147b75aaef.png)
正则表达式可视化
可根据正则表达式,格式化正则语法,拆分为一段段的规则,通过前端渲染的方式对各个部分的规则进行可视化展示。让使用者更加的通俗易懂,一目了然。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SFmNEKPT-1681732416252)(/Users/fanison/Documents/typro_project/media/正则可视化/image-20230325141103903.png)]](https://i-blog.csdnimg.cn/blog_migrate/e99c47f5d9b1e7938f5750e657048564.png)
正则表达式语义化
可以对上述填写的正则表达式进行语义解析,说明当前整个正则表达式的一个作用及各个部分匹配规则的说明。而且如果表达式中汉字匹配,可以自动识别这些词语的关联性或行业,如:楼、栋、单元等,会自动解析为建筑类匹配类型。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NHjFtBQS-1681732416252)(/Users/fanison/Documents/typro_project/media/正则可视化/image-20230325141442994.png)]](https://i-blog.csdnimg.cn/blog_migrate/dd66077fad12d697ffe1e60a49e7b905.png)
正则表达式AI自动生成
当我们不知道需求业务匹配的正则表达式规则如何写、无从下手的时,可以构思下该规则的文字描述,填写到输入框点击生成表达式,就可以自动帮我们生成正则表达式,是不是很方便。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AQETt8NS-1681732416253)(/Users/fanison/Documents/typro_project/media/正则可视化/image-20230325142025777.png)]](https://i-blog.csdnimg.cn/blog_migrate/aa6caa472e577f4b3f94463f94171ed7.png)
在线测试
支持在线测试,所写或所生成的表达式是否符合预期,常用的match、search等都有,可以进行调试使用。当然自定义了一个test函数进行测试,返回ture则匹配成功,否则匹配失败。功能相当友好了。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-C8aVC5K5-1681732416253)(/Users/fanison/Documents/typro_project/media/正则可视化/image-20230325142326364.png)]](https://i-blog.csdnimg.cn/blog_migrate/8cad40cd9dd89a2210182c58338427c5.png)
支持语法
可根据当前页面上的【支持语法】展示,对表达式进行微调或修改
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dsL6Fpyh-1681732416253)(/Users/fanison/Documents/typro_project/media/正则可视化/image-20230325142548637.png)]](https://i-blog.csdnimg.cn/blog_migrate/be808284057d6956e911cc2e54be6fd7.png)
各位大佬同行们,如果有更多更好玩的工具,可以分享出来,在评论区留言哈!
2501

被折叠的 条评论
为什么被折叠?



