可以少写1000行代码的正则表达式

前端技术 2023/09/06 PHP

熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。

正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的JavaScript代码：

var reg = /^(\\\\d{1,4})(-|\\\\/)(\\\\d{1,2})\\\\2(\\\\d{1,2})$/;
var r = fieldValue.match(reg);  
if(r==null)alert(\'Date format error!\');

下面是在前端开发中经常使用到的20个正则表达式:

1 . 校验密码强度
密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。

\\\\/[\\\\w- ./?%&=]*)? 

14. 文件路径及扩展名校验
验证文件路径和扩展名

复制代码 代码如下:
([a-zA-Z]\\\\:|\\\\\\\\)\\\\\\\\([^\\\\\\\\]+\\\\\\\\)*[^\\\\/:*?\"<>|]+\\\\.txt(l)?$ 

15. 提取Color Hex  Codes
有时需要抽取网页中的颜色代码，可以使用下面的表达式。

\\\\#([a-fA-F]|[0-9]){3,6} 

16. 提取网页图片
假若你想提取网页中所有图片信息，可以利用下面的表达式。

复制代码 代码如下:
\\\\< *[img][^\\\\>]*[src] *= *[\\\\\"\\\\\']{0,1}([^\\\\\"\\\\\'\\\\ >]*) 

17. 提取页面超链接
提取html中的超链接。

复制代码 代码如下:
(<;a\\\\s*(?!.*\\\\brel=)[^>;]*)(href=\"https?://)((?!(?:(?:www\\\\.)?\'.implode(\'|(?:www\\\\.)?\', $follow_list).\'))[^\"]+)\"((?!.*\\\\brel=)[^>;]*)(?:[^>;]*)>
 

18. 精炼CSS
通过下面的表达式，可以搜索相同属性值的CSS，从而达到精炼代码的目的。

复制代码 代码如下:
^\\\\s*[a-zA-Z\\\\-]+\\\\s*[:]{1}\\\\s[a-zA-Z0-9\\\\s.#]+[;]{1} 

19. 抽取注释
如果你需要移除HMTL中的注释，可以使用如下的表达式。

<!--(.*?)--> 

20. 匹配HTML标签
通过下面的表达式可以匹配出HTML中的标签。

复制代码 代码如下:
</?\\\\w+((\\\\s+\\\\w+(\\\\s*=\\\\s*(?:\".*?\"|\'.*?\'|[\\\\^\'\">\\\\s]+))?)+\\\\s*|\\\\s*)/?>

可以少写1000行代码的20个正则表达式，快点来学习吧！

本文地址：https://www.stayed.cn/item/15956

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案