常用正则表达式

前言

正则表达式经常被用于字段或任意字符串的校验

例如：校验基本日期格式的JavaScript代码。

javascript 复制代码

let reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/

一、正则表达式是什么？

正则表达式：一种用于匹配和操作文本的强大工具，它是由一系列字符和特殊字符组成的模式，用于描述要匹配的文本模式。正则表达式可以在文本中查找、替换、提取和验证特定的模式。

二、前端开发中常用的20个正则表达式

1.校验密码强度

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

javascript 复制代码

^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$

2.校验中文

字符串仅能是中文。

javascript 复制代码

^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$

3.由数字、26个英文字母或下划线组成的字符串

javascript 复制代码

^\\w+$

4.校验E-Mail地址

同密码一样，下面是E-mail地址合规性的正则检查语句。

javascript 复制代码

[\\w!#$%&ampw!#$%&ampw](?:[\\w-]*[\\w])?\\.)+[\\w](?:[\\w-]*[\\w])?

5.校验身份证号码

下面是身份证号码的正则校验。15或 18位。

15位

javascript 复制代码

^[1-9]\\d{7}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}$

18位

javascript 复制代码

^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}([0-9]|X)$

6.校验日期

"yyyy-mm-dd"格式的日期校验，已考虑平闰年。

javascript 复制代码

^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$

7.校验金额

金额校验，精确到2位小数。

javascript 复制代码

^[0-9]+(.[0-9]{2})?$

8.校验手机号

下面是国内 13、15、18开头的手机号正则表达式。（可根据目前国内收集号扩展前两位开头号码）

javascript 复制代码

^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\\d{8}$

9.判断IE的版本

IE目前还没被完全取代，很多页面还是需要做版本兼容，下面是IE版本检查的表达式。

javascript 复制代码

^.*MSIE [5-8](?:\\.[0-9]+)?(?!.*Trident\\/[5-9]\\.0).*$

10.校验IP-v4地址

IP4正则语句。

javascript 复制代码

\\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\b

11.校验IP-v6地址

IP6正则语句。

javascript 复制代码

(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))

12.检查URL的前缀

应用开发中很多时候需要区分请求是HTTPS还是HTTP，通过下面的表达式可以取出一个url的前缀然后再逻辑判断。

javascript 复制代码

if (!s.match(/^[a-zA-Z]+:\\/\\//)){

13.提取URL链接

下面的这个表达式可以筛选出一段文本中的URL。

javascript 复制代码

^(f|ht){1}(tp|tps):\\/\\/([\\w-]+\\.)+[\\w-]+(\\/[\\w- ./?%&=]*)?

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

验证windows下文件路径和扩展名（下面的例子中为.txt文件）

javascript 复制代码

^([a-zA-Zlt;>|]+\\.txt(l)?$

15.提取Color Hex Codes

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

javascript 复制代码

^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$

16.提取网页图片

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

javascript 复制代码

\\< *[img][^\\\\>]*[src] *= *[\\"\\']{0,1}([^\\"\\'\\ >]*)

17.提取页面超链接

提取html中的超链接。

javascript 复制代码

(<a\\s*(?!.*\\brel=)[^>]*)(href="https?:\\/\\/)((?!(?:(?:www\\.)?'.implode('|(?:www\\.)?', $follow_listbrel=)[^>]*)(?:[^>]*)>

18.查找CSS属性

通过下面的表达式，可以搜索到相匹配的CSS属性。

javascript 复制代码

^\\s*[a-zA-Z\\-]+\\s*[:]{1}\\s[a-zA-Z0-9\\s.#]+[;]{1}

19.抽取注释

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

javascript 复制代码

<!--(.*?)→

20.匹配HTML标签

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

javascript 复制代码

<\\/?\\w+((\\s+\\w+(\\s*=\\sgt;\\s]+))?)+\\s*|\\s*)\\/?>

三、正则表达式语法速查

正则字符	描述
\	将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，"`n`"匹配字符"`n`"。"`\n`"匹配一个换行符。串行"`\\`"匹配"`\`"而"`\(`"则匹配"`(`"。
\	匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，`^`也匹配"`\n`"或"`\r`"之后的位置。
$	匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性，$也匹配"`\n`"或"`\r`"之前的位置。
*	匹配前面的子表达式零次或多次。例如，`zo`能匹配"`z`"以及"`zoo`"。等价于`{0,}`。
+	匹配前面的子表达式一次或多次。例如，"`zo+`"能匹配"`zo`"以及"`zoo`"，但不能匹配"z"。+等价于`{1,}`。
?	匹配前面的子表达式零次或一次。例如，"`do(es)?`"可以匹配"`does`"或"`does`"中的"`do`"。?等价于`{0,1}`。
{n}	n是一个非负整数。匹配确定的n次。例如，"`o{2}`"不能匹配"`Bob`"中的"`o`"，但是能匹配"`food`"中的两个`o`。
{n,}	n是一个非负整数。至少匹配n次。例如，"`o{2,}`"不能匹配"`Bob`"中的"`o`"，但能匹配"`foooood`"中的所有o。"`o{1,}`"等价于"`o+`"。"`o{0,}`"则等价于"`o*`"。
{n,m}	m和n均为非负整数，其中n<=m。最少匹配n次且最多匹配m次。例如，"`o{1,3}`"将匹配"`fooooood`"中的前三个o。"`o{0,1}`"等价于"`o?`"。请注意在逗号和两个数之间不能有空格。
?	当该字符紧跟在任何一个其他限制符（*,+,?，{n}，{n,}，{n,m}）后面时，匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如，对于字符串"oooo"，"o+?"将匹配单个"o"，而"o+"将匹配所有"o"。
.	匹配除"`\n`"之外的任何单个字符。要匹配包括"`\n`"在内的任何字符，请使用像"`(.
(pattern)	匹配pattern并获取这一匹配。所获取的匹配可以从产生的Matches集合得到，在VBScript中使用SubMatches集合，在JScript中则使用 <math xmlns="http://www.w3.org/1998/Math/MathML"> 0 ... 0... </math>0...9属性。要匹配圆括号字符，请使用"`$`"或"`$`"。
(?:pattern)	匹配pattern但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。这在使用或字符"`(
(?=pattern)	正向肯定预查，在任何匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如，"`Windows(?=95
(?!pattern)	正向否定预查，在任何不匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如"`Windows(?!95
(?<=pattern)	反向肯定预查，与正向肯定预查类拟，只是方向相反。例如，"`(?<=95
(?<!pattern)	反向否定预查，与正向否定预查类拟，只是方向相反。例如"`(?<!95
x\|y	匹配x或y。例如，"`z
[xyz]	字符集合。匹配所包含的任意一个字符。例如，"`[abc]`"可以匹配"`plain`"中的"`a`"。
[^xyz]	负值字符集合。匹配未包含的任意字符。例如，"`[^abc]`"可以匹配"`plain`"中的"`p`"。
[a-z]	字符范围。匹配指定范围内的任意字符。例如，"`[a-z]`"可以匹配"`a`"到"`z`"范围内的任意小写字母字符。
[^a-z]	负值字符范围。匹配任何不在指定范围内的任意字符。例如，"`[^a-z]`"可以匹配任何不在"`a`"到"`z`"范围内的任意字符。
\b	匹配一个单词边界，也就是指单词和空格间的位置。例如，"`er\b`"可以匹配"`never`"中的"`er`"，但不能匹配"`verb`"中的"`er`"。
\B	匹配非单词边界。"`er\B`"能匹配"`verb`"中的"`er`"，但不能匹配"`never`"中的"`er`"。
\cx	匹配由x指明的控制字符。例如，\cM匹配一个Control-M或回车符。x的值必须为A-Z或a-z之一。否则，将c视为一个原义的"`c`"字符。
\d	匹配一个数字字符。等价于`[0-9]`。
\D	匹配一个非数字字符。等价于`[^0-9]`。
\f	匹配一个换页符。等价于`\x0c`和`\cL`。
\n	匹配一个换行符。等价于`\x0a`和`\cJ`。
\r	匹配一个回车符。等价于`\x0d`和`\cM`。
\s	匹配任何空白字符，包括空格、制表符、换页符等等。等价于`[ \f\n\r\t\v]`。
\S	匹配任何非空白字符。等价于`[^ \f\n\r\t\v]`。
\t	匹配一个制表符。等价于`\x09`和`\cI`。
\v	匹配一个垂直制表符。等价于`\x0b`和`\cK`。
\w	匹配包括下划线的任何单词字符。等价于"`[A-Za-z0-9_]`"。
\W	匹配任何非单词字符。等价于"`[^A-Za-z0-9_]`"。
\xn	匹配n，其中n为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如，"`\x41`"匹配"A"。"`\x041`"则等价于"`\x04&1`"。正则表达式中可以使用ASCII编码。
\num	匹配num，其中num是一个正整数。对所获取的匹配的引用。例如，"`(.)\1`"匹配两个连续的相同字符。
\n	标识一个八进制转义值或一个向后引用。如果\n之前至少n个获取的子表达式，则n为向后引用。否则，如果n为八进制数字（0-7），则n为一个八进制转义值。
\nm	标识一个八进制转义值或一个向后引用。如果\nm之前至少有nm个获得子表达式，则nm为向后引用。如果\nm之前至少有n个获取，则n为一个后跟文字m的向后引用。如果前面的条件都不满足，若n和m均为八进制数字（0-7），则\nm将匹配八进制转义值nm。
\nml	如果n为八进制数字（0-3），且m和l均为八进制数字（0-7），则匹配八进制转义值nml。
\un	匹配n，其中n是一个用四个十六进制数字表示的Unicode字符。例如，\u00A9匹配版权符号（©）。

总结

详情请查阅stackoverflow