文/技匠(简书作者)
原文链接:http://www.jianshu.com/p/e7bb97218946/comments/2135754
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。
正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:
1
2
3
|
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个正则表达式。
密码的强度必须是包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间。
1
|
^
(
?
=
.
*
\
d
)
(
?
=
.
*
[
a
-
z
]
)
(
?
=
.
*
[
A
-
Z
]
)
.
{
8
,
10
}
$
|
字符串仅能是中文。
1
|
^
[
\
u4e00
-
\
u9fa5
]
{
0
,
}
$
|
1
|
^
\
w
+
$
|
同密码一样,下面是E-mail地址合规性的正则检查语句。
1
|
[
\
w
!
#
$
%
&
'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'
*
+
/=
?
^
_
`
{
|
}
~
-
]
+
)
*
@
(
?
:
[
\
w
]
(
?
:
[
\
w
-
]
*
[
\
w
]
)
?
\
.
)
+
[
\
w
]
(
?
:
[
\
w
-
]
*
[
\
w
]
)
?
|
下面是身份证号码的正则校验。15 或 18位。
15位:
1
|
^
[
1
-
9
]
\
d
{
7
}
(
(
0
\
d
)
|
(
1
[
0
-
2
]
)
)
(
(
[
0
|
1
|
2
]
\
d
)
|
3
[
0
-
1
]
)
\
d
{
3
}
$
|
18位:
1
|
^
[
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
)
$
|
“yyyy-mm-dd“ 格式的日期校验,已考虑平闰年。
1
|
^
(
?
:
(
?
!
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
)
$
|
金额校验,精确到2位小数。
1
|
^
[
0
-
9
]
+
(
.
[
0
-
9
]
{
2
}
)
?
$
|
下面是国内 13、15、18开头的手机号正则表达式。(可根据目前国内收集号扩展前两位开头号码)
1
|
^
(
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
}
$
|
IE目前还没被完全取代,很多页面还是需要做版本兼容,下面是IE版本检查的表达式。
1
|
^
.
*
MSIE
[
5
-
8
]
(
?
:
\
.
[
0
-
9
]
+
)
?
(
?
!
.
*
Trident
\
/
[
5
-
9
]
\
.
0
)
.
*
$
|
IP4 正则语句。
1
|
\
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
|
IP6 正则语句。
1
|
(
(
[
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
]
)
)
|
应用开发中很多时候需要区分请求是HTTPS还是HTTP,通过下面的表达式可以取出一个url的前缀然后再逻辑判断。
1
2
3
4
|
if
(
!
s
.
match
(
/
^
[
a
-
zA
-
Z
]
+
:
\
/
\
//))
{
s
=
'http://'
+
s
;
}
|
下面的这个表达式可以筛选出一段文本中的URL。
1
|
^
(
f
|
ht
)
{
1
}
(
tp
|
tps
)
:
\
/
\
/
(
[
\
w
-
]
+
\
.
)
+
[
\
w
-
]
+
(
\
/
[
\
w
-
.
/
?
%
&=
]
*
)
?
|
验证windows下文件路径和扩展名(下面的例子中为.txt文件)
1
|
^
(
[
a
-
zA
-
Z
]
\
:
|
\
\
)
\
\
(
[
^
\
\
]
+
\
\
)
*
[
^
\
/
:
*
?"
<>
|
]
+
\
.
txt
(
l
)
?
$
|
有时需要抽取网页中的颜色代码,可以使用下面的表达式。
1
|
\
#
(
[
a
-
fA
-
F
]
|
[
0
-
9
]
)
{
1
,
6
}
|
假若你想提取网页中所有图片信息,可以利用下面的表达式。
1
|
\
<
*
[
img
]
[
^
\
>
]
*
[
src
]
*=
*
[
\"
\'
]
{
0
,
1
}
(
[
^
\"
\'
\
>
]
*
)
|
提取html中的超链接。
1
|
(
<
a
\
s
*
(
?
!
.
*
\
brel
=
)
[
^
>
]
*
)
(
href
=
"https?:\/\/)((?!(?:(?:www\.)?'.implode('|(?:www\.)?', $follow_list).'))[^"
]
+
)"
(
(
?
!
.
*
\
brel
=
)
[
^
>
]
*
)
(
?
:
[
^
>
]
*
)
>
|
通过下面的表达式,可以搜索相同属性值的CSS,从而达到精炼代码的目的。
1
|
^
\
s
*
[
a
-
zA
-
Z
\
-
]
+
\
s
*
[
:
]
{
1
}
\
s
[
a
-
zA
-
Z0
-
9
\
s
.
#
]
+
[
;
]
{
1
}
|
如果你需要移除HMTL中的注释,可以使用如下的表达式。
1
|
<
!
--
(
.
*
?
)
--
>
|
通过下面的表达式可以匹配出HTML中的标签属性。
1
|
<
\
/
?
\
w
+
(
(
\
s
+
\
w
+
(
\
s
*=
\
s
*
(
?
:
".*?"
|
'.*?'
|
[
\
^'"
>
\
s
]
+
)
)
?
)
+
\
s
*
|
\
s
*
)
\
/
?
>
|
下面是我找到的一张非常不错的正则表达式 Cheat Sheet,可以用来快速查找相关语法。
我在网上看到了一篇相当不错的正则表达式快速学习指南,有兴趣继续深入学习的同学可以参考。
regex101是一个非常不错的正则表达式在线测试工具,你可以直接在线测试你的正则表达式哦。
如果你也收藏了非常有用的正则表达式,不妨也在点评中分享哦^_^