JavaScript 正则表达式

什么是正则表达式？
正则表达式是描述字符模式的对象,正则表达式是由一个字符序列形成的搜索模式。
正则表达式的语法：/正则表达式主体/修饰符(可选)

例如：

const exp = /abc/i

/abc/i就是一个正则表达式，其中abc是一个正则表达式主体（用于正则匹配），i是一个修饰符，表示进行正则匹配是不区分大小写。
这个表达式的意思匹配包含了abc的字符串，其中abc不区分大小写。

const exp = /abc/i

console.log(exp.test('abc'))	//字符串中包含abc，返回true
console.log(exp.test('abcd'))	//字符串中包含abc，返回true
console.log(exp.test('Abcd'))	//字符串中包含Abc，返回true
console.log(exp.test('bcd'))	//字符串中不包含abc，返回false
console.log(exp.test('ab2cd'))	//字符串中不包含abc，返回false

1. 修饰符

修饰符	作用
i	执行对大小写不敏感的匹配
g	执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）
m	执行多行匹配

2. 方括号

方括号用于查找某个范围内的字符：

表达式	作用
[abc]	查找方括号之间的任意一个字符。
[^abc]	查找不为方括号内字符的任意一个字符。
[0-9]	查找任何从 0 至 9 的数字。
[a-z]	查找任何从小写 a 到小写 z 的字符。
[A-z]	查找任何从大写 A 到小写 z 的字符。

注意，方括号仅仅用来查找一个字符，如果想查找包含abc或者123的字符串，可以将方括号和小括号结合使用：

let exp = /[(abc)(123)]/
console.log(exp.test('abcd')); 	//true

我们还可以使用另一种方法达到同样的效果：

let exp = /(abc|123)/
console.log(exp.test('abcd')); 	//true

3. 元字符

元字符是拥有特殊含义的字符

元字符	作用
^	匹配字符串开头(当^出现在方括号中，表示匹配方括号之外的字符)
$	匹配字符串结尾
.	查找单个字符，除了换行和行结束符。
\w	查找数字、字母及下划线。
\W	查找非单词字符。
\d	查找数字。
\D	查找非数字字符。
\s	查找空白字符。
\S	查找非空白字符。
\b	匹配单词边界。
\B	匹配非单词边界。
\0	查找 NULL 字符。
\n	查找换行符。
\f	查找换页符。
\r	查找回车符。
\t	查找制表符。
\v	查找垂直制表符。
\xxx	查找以八进制数 xxx 规定的字符。
\xdd	查找以十六进制数 dd 规定的字符。
\uxxxx	查找以十六进制数 xxxx 规定的 Unicode 字符。

加粗的元字符需要我们牢记，其他的元字符使用的不是频繁。

4. 量词

量词	描述
n+	匹配任何包含至少一个 n 的字符串。
n*	匹配任何包含零个或多个 n 的字符串。
n?	匹配任何包含零个或一个 n 的字符串。
n{X}	匹配包含 X 个 n 的序列的字符串。
n{X,}	X 是一个正整数。前面的模式 n 连续出现至少 X 次时匹配。
n{X,Y}	X 和 Y 为正整数。前面的模式 n 连续出现至少 X 次，至多 Y 次时匹配。
?=n	匹配任何其后紧接指定字符串 n 的字符串。
?!n	匹配任何其后没有紧接指定字符串 n 的字符串。

注意，这里所有的n可以是一个字符，也可以是一个子表达式。

5. 正则表达式的运用

5.1匹配电话号码：

其格式为***-****-****或者为***-****，其中*表示一个数字

let exp1 = /^\d{3}-\d{4}(-\d{4})?$/ 
let exp2 = /^\d{3}(-\d{4}){1,2}$/ 
console.log(exp1.test('176-5465-8777'));	//true
console.log(exp2.test('123-4567'));			//true
console.log(exp1.test('17654658777'));		//false
console.log(exp2.test('1234567'));			//false

5.2 匹配日期：

其格式为年/月/日或者年-月-日

let exp = /^(\d+\/\d{1,2}\/\d{1,2})|(\d+-\d{1,2}-\d{1,2})$/
console.log(exp.test('2019-02-24'));	//true
console.log(exp.test('2019/02/24'));	//true
console.log(exp.test('2019-02/24'));	//false

注意，我们这里不能let exp = /^\d+[/-]\d{1,2}[/-]\d{1,2}$/，这回导致exp.test('2019-02/24')结果为true