先上干货，两个强烈推荐网站
正则表达式可视化
正则表达式在线工具
下面是正文了，其实也不是什么正文，就是点总结的笔记吧，其实最精华的就是上面那两个网站，下面大家想看就看不想看就不看了吧
元字符
( [ { \ ^ $ | ) ? * + .
| 字符 | 含义 |
|---|---|
| \t | 水平制表符 |
| \r | 回车符 |
| \n | 换行符 |
| \f | 换页符 |
| \cX | 与X对应的控制字符(Ctrl + X) |
| \v | 垂直制表符 |
| \0 | 空字符 |
字符类
一般情况下一个字符对应字符串一个字符，如表达式 abc的含义就是
匹配单个字符串
范围类
使用[]可以表示一类字符
[a-zA-Z0-9] //匹配所有字母(包括大小写)和数字
匹配一类字符
预定义类
| 字符 | 等价类 | 含义 |
|---|---|---|
| . | [^\r\n] | 除了回车和换行符之外的所有字符 |
| \d | [0-9] | 数字字符 |
| \D | [^0-9] | 菲数字字符 |
| \s | [\t\n\x0B\f\r] | 空白符 |
| \S | [^\t\n\x0B\f\r | 非空白符 |
| \w | [a-zA-Z0-9_] | 单词字符，字母、数字和下划线 |
| \W | [^a-zA-Z0-9_] | 非单词字符，字母、数字和下划线 |
学了上面这些类，我们写一些正则表达式就很方便了，比如我们希望匹配一个ab+数字+任意字符，可以这么写:
ab\d.
ab\d.
| 字符 | 含义 |
|---|---|
| ^ | 以xxx开头 |
| $ | 以xxx结尾 |
| \b | 单词边界 |
| \B | 非单词边界 |
例如，我们要匹配一个字符串为国内手机号可以用下面代码
^1[3578]\d{9}$
匹配国内电话号码
量词
| 字符 | 含义 |
|---|---|
| ? | 出现零次或一次(最多出现一次) |
| + | 出现一次或多次(至少出现一次) |
| * | 出现零次或多次(任意次) |
| {n} | 出现n次 |
| {n,m} | 出现n到m |
| {n,} | 至少出现n次 |
| {,m} | 最多出现m次 |
举例
'a12345678cde'.match(/[a-z]\d?/g)
> ['a1', 'b6', 'c', 'd', 'e']
[a-z]\d?
贪婪模式和非贪婪模式
量词在默认情况下是尽可能多的匹配的，也就是大家说的贪婪模式
'123456789'.match(/\d{3,5}/g)
>['12345', '6789']
非贪婪模式下，正则表达式尽可能少的匹配，做法很简单，在量词后面加上?即可
'123456789'.match(/\d{3,5}?/g)
>['123'， '456', '789']
举例
//贪婪模式
'a12345b678ced'.match(/[a-z]\d?/g)
>['a1', 'b6', 'c', 'd', 'e']
//非贪婪模式
'a12345b678ced'.match(/[a-z]\d??/g)
>['a', 'b', 'c', 'd', 'e']
//贪婪模式
'a12345b678ced'.match(/[a-z]\d+/g)
>['a12345', 'b678']
//非贪婪模式
'a12345b678ced'.match(/[a-z]\d+?/g)
>['a1', 'b6']
//非贪婪模式
'a12345b678ced'.match(/[a-z]\d*?/g)
>['a', 'b', 'c', 'd', 'e']
分组
单个字母加量词只能对一个字母匹配多次，有时候我们需要对多个字符同时使用量词，如希望匹配某个单词出现多少次的字符串，我们如果写成word{20}话匹配的是wor+d重复20次
word{20}
word{20}
如果怎样才能把word看成一个整体呢？使用()就可以了，这就是我们所说的分组
(word){20}
(word){20}
或
我们需要匹配word或者number出现20次怎么弄？使用
|即可
(word|number){20}
(word|number){20}
前瞻
正则表达式中的前和后和我们一般理解的前后有点不同。一段文本，我们一般习惯把文本开头的方向称作“前面”，文本末尾方向称为“后面”。但是对于正则表达式引擎来说，因为它是从文本头部向尾部开始解析的，因此对于文本尾部方向，因为这个时候正则引擎还没走到那块，所以他是正则的前方。而对文本头部方向，因为正则引擎已经走过了那一块地方，所以他是正则的后方。如下图所示:
正则表达式的方向
前瞻表达式
| 表达式 | 含义 |
|---|---|
| exp1(?=exp2) | 匹配后面是exp2的exp1 |
| exp1(?!exp2) | 匹配后面不是exp2的exp1 |
举例
good(?=word)
good(?=word)
(/good(?=game)/).exec('goodgame123'); //['good']
(/good(?=game)/).exec('goodluck123'); //null
(/good(?=game)/).exec('goodmum123'); //null
通过上面的例子可以看出只有在exp1后面的表达式是exp2的时候才会匹配exp1
结束语
关于正则表达式的常用语法，我们就讲完了，其实就常用语法来说，正则表达式并没有什么太多的内容，但是用起来呢就。。。。
