首页 > 其他分享 >滚蛋吧,正则表达式!

滚蛋吧,正则表达式!

时间:2023-03-05 12:00:29浏览次数:37  
标签:匹配 滚蛋 正则表达式 神器 搜索 可视化 表达式

大家好,我是良许。

不知道大家有没有被正则表达式支配过的恐惧?看着一行火星文一样的表达式,虽然每一个字符都认识,但放在一起直接就让人蒙圈了~

你是不是也有这样的操作,比如你需要使用「电子邮箱正则表达式」,首先想到的就是直接百度上搜索一个,然后采用 CV 大法神奇地接入到你的代码中?

file

别害羞,很正常啦~(我不会告诉你我也是这么干的)

今天给大家推荐两个正则表达式神器,让你 1 秒找到适合自己的表达式,同时也能让你知其然更知其所以然,可以让你提高编写正则表达式的能力!

神器一:我恨正则表达式

正如这个神器的名称所描述的,作者正是痛恨正则表达式,然后就自己开发了一个网站,可以搜索出大部分常见的正则表达式的写法。

技术人嘛,能自己动手的决不瞎 BB 。

file

界面十分简洁,只有一个大大的搜索框。你只要把你想找的正则表达式的关键词放在搜索框里,就能快速找到对应的表达式,十分方便。

搜索框下面还有 9 个高频使用的正则表达式,点击就能直达。

比如点击 username ,这个表达式是用来匹配网站用户名是否规范。

file

可以看到,不仅给出了表达式,同时下面还有对应的匹配例子。

而且,最重要的是,它还给出了对应的正则表达式图解,让你一眼就能看出来这个正则表达式的匹配过程,比直接看那堆火星文一样的字符不要太直观!

file

这还不够,他还怕你不懂正则的语法,贴心地把用到的语法贴在下面,让你知道这个表达式为什么要这么写。简直是保姆级神器!

file

有了它,妈妈再也不用担心我不会写正则表达式了!

项目:https://github.com/geongeorge/i-hate-regex 网站:https://ihateregex.io/expr/phone

神器二:正则表达式可视化

我以为 ihaveregex 已经够牛逼了,直到我发现下面这个神器,更加刷新我的三观!

首先,常见的几十个正则表达式该有的都有,点击就能使用,这是基本操作,不解释。

file

然后,它也有可视化界面,也不啰嗦。

file

下面就是它牛逼之处了。

第一个牛逼的地方,就是可以自己编写正则表达式,然后输入待匹配内容,进行验证!

file

毕竟我们的业务需求多种多样,不可能每个需求都能找到对应的表达式,总该需要自己动手写。

但自己动手写,鬼知道自己写得对不对。有了这个神器,就可以一步到位,直接验证!

你以为这就完了?图样图森破!

它还可以帮你生成主流语言的实例代码,更加方便你使出 CV 大法,简直丧心病狂!

file

除此之外,在右边它也把正则的规则都帮你贴出来了,方便你查阅。

file

这个神器,真的是把正则表达式该有的东西都给你安排得明明白白,省时省力提高效率!

链接:http://tool.rbtree.cn/regtool/

小结

今天介绍的两个神器,都可以找到最常用的正则表达式,拿来即用,同时也都有可视化图解,让你更加明白表达式匹配过程,更加直观。

合理利用这两个神器,一定可以提高你的工作效率,同时也能更快掌握正则表达式,让你真正成为一位高手!

赶快去用起来吧!

本文由博客群发一文多发等运营工具平台 OpenWrite 发布

标签:匹配,滚蛋,正则表达式,神器,搜索,可视化,表达式
From: https://blog.51cto.com/yychuyu/6101359

相关文章

  • 5.JavaScript提供的正则表达式API、可以使用正则表达式解决常见问题(邮箱校验、URL解析
    JavaScript提供的正则表达式API、可以使用正则表达式解决常见问题(邮箱校验、URL解析、去重等)js正则常用API1.五个常用方法①testreg.test(str);//返回是否包含正则......
  • JavaScript 正则表达式2
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> /* *创建一个正则表达式检查一个字符串中......
  • #yyds干货盘点#nginx正则表达式
    nginx正则匹配说明:细则:前缀匹配优先其中,最长匹配优先而后,按配置顺序匹配正则,正则第一个匹配到后终止无正则匹配,则用前面记住的前缀"="精确匹配,匹配后终止"~"区分大小写匹......
  • 正则表达式
    先开个篇,研究下正则表达式由于字母数字是连续相邻的,所以可以直接组合//正则表达QRegularExpressionregexp("(\[0-9a-zA-Z]+)");//匹配字母数字QRegularE......
  • 正则表达式
    本文为转载,由于时间过长忘记出处无法标注来源,特此声明正则表达式1、什么是正则表达式简单的说,正则表达式就是为处理大量的字符串及文本而定义的一套规则和方法。正......
  • JavaScript 正则表达式
    <!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> /* *正则表达式 * [email protected] ......
  • 常用正则表达式
    非负整数:^\d+$正整数:^[0-9]*[1-9][0-9]*$非正整数:^((-\d+)|(0+))$负整数:^-[0-9]*[1-9][0-9]*$整数:^-?\d+$非负浮点数:^\d+(\.\d+)?$正浮点数:^((0-9)+\.[0-9]*[1-9......
  • javascript之正则表达式验证email
    1<!DOCTYPEhtml>2<htmllang="en">34<head>5<metacharset="UTF-8">6<metahttp-equiv="X-UA-Compatible"content="IE=edge">7......
  • 正则表达式-菜鸟教程
    正则表达式-菜鸟教程转自正则表达式,菜鸟教程正则表达式(RegularExpression)是一种文本模式,包括普通字符(例如,a到z之间的字母)和特殊字符(称为"元字符")。正则表达式使用......
  • 5_2正则表达式
    ​  什么是正则表达式RegularExpression,在代码中常简写为regex,正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。在很多文本编辑器里,正则表......