🧙‍ 字符匹配攻略

正则表达式是匹配模式，要么匹配字符，要么匹配位置。

1. 模糊匹配

正则之所以强大是因为其能实现模糊匹配。只有精确匹配是没有多大意义的。

/hello/.test('hello')  //true，精确匹配

定义：

横向模糊匹配：一个正则可匹配的字符串的长度不是固定的，可以是多种情况的。其实现的方式是使用量词。譬如{m,n},表示连续出现最少m次，最多n次。
纵向模糊匹配：一个正则匹配的字符串，具体到某一位字符时，可以不是某个确定的字符，可以有多种可能。其实现的方式是使用字符组。譬如[abc],表示该字符可以是字符"a"、"b"、"c"中的任何一个。

示例：

// 横向模糊匹配
let regex = /ab{2,5}c/g; // 表示匹配的字符串为:第一个字符是a，接下来是2到5个字符b，最后是字符c。全局匹配。
"abc abbc abbbc abbbbc abbbbbc abbbbbbc".match(regex);
//=>["abbc","abbbc","abbbbc","abbbbbc"]

上例正则可视化图为：

// 纵向模糊匹配
let regex=/a[123]b/g; // 表示匹配字符串："a1b"、"a2b"、"a3b"
"a0b a1b a2b a3b a4b".match(regex);
//=>["a1b","a2b","a3b"]

上例正则可视化图为:

2. 字符组

需要强调的是，虽然叫字符组，但只是匹配其中一个字符。

范围表示法：连字符`-`。

比如[123456abcdefGHIJKLM],可以用连字符来省略和简写为[1-6a-fG-M]。

因为连字符有特殊用途，那么要匹配“a”、“-”、“z”这三者中任意一个字符，不能写成[a-z],应该写成[-az]、[az-]、[a-z],即要么放在开头，要么放在结尾，要么转义。总之不要让引擎认为是范围表示法就行了。

排除字符组（反义字符组）：脱字符`^`。

这是纵向模糊匹配的另外一种情形：某位字符可以是任何东西，但不能是“a”、“b”、“c”。字符组的第一位放^，表示求反的概念。

比如[^abc],表示一个除a,b,c之外的任意一个字符。

常用简写形式

字符组	具体含义
\d	表示[0-9]。表示是一位数字。记忆方式：其英文是digit（数字)。
\D	表示[^0-9]。表示除数字外的任意字符。
\w	表示[0-9a-zA-Z_]。表示数字、大小写字母和下划线。记忆方式：w是word的简写，也称单词字符。
\W	表示[^0-9a-zA-Z_]。非单词字符。
\s	表示[ \t\v\n\r\f]。表示空白符，包括空格、水平制表符、垂直制表符、换行符、回车符、换页符。记忆方式：s是space的首字母，空白符的单词是white space
\S	表示[^ \t\v\n\r\f]。非空白符。
.	表示[^\n\r\u2028\u2029]。通配符，表示几乎任意字符。换行符、回车符、行分隔符和段分隔符除外。记忆方式：想想省略号...中的每个点，都可以理解成占位符，表示任何类型的东西。｜

如果要匹配任意字符，可以使用[\d\D]、[\w\W]、[\s\S] 和 [^] 中的任何的一个。

3. 量词

量词也称重复。

简写形式

量词	具体含义
{m,}	表示至少出现m次。
{m}	等价于{m,m},表示出现m次。
{m,n}	表示最少出现m次，最多出现n次。
?	`等价于{0,1},表示出现或者不出现。`记忆方式：问好的意思表示，有吗？
+	`等价于{1,},表示出现至少一次。`记忆方式：加号是追加的意思，得先有一个，然后才考虑追加。
*	`等价于{0,},表示出现任意次，有可能不出现。`记忆方式：看看天上的星星，可能一颗没有，可能零散有几颗，可能数也数不过来。

贪婪匹配与惰性匹配

贪婪匹配：尽可能多的匹配
惰性匹配：尽可能少的匹配

通过在量词后面加个问号就能实现惰性匹配，因此所有惰性匹配情形如下：

惰性量词	贪婪量词
{m,n}?	{m,n}
{m,}?	{m,}
??	?
+?	+
*?	*

惰性匹配的记忆方式是：量词后面加个问号，问一问你知足了吗？你很贪婪吗？

示例：

let regex = /\d{2,5}/g
console.log("123 1234 12345 123456".match(regex));
//=>["123", "1234", "12345", "12345"]

上例，其中正则/\d{2,5}/,表示数字连续出现5次，会匹配2～5位连续数字。但其是贪婪的，会尽可能多的匹配。只要在能力范围内，越多越好。

let regex = /\d{2,5}?/g
console.log("123 1234 12345 123456".match(regex));
//=>["12", "12", "34", "12", "34", "12", "34", "56"]

上例，其中/\d{2,5}?/表示，虽然2到5次都行，当2个就够的时候，就不在往下匹配了。

4. 多选分支

具体形式为：(p1|p2|p3)，其中p1、p2、p3是子表达式，用｜(管道符)分隔，表示其中之一。

一个表达式可以实现横向和纵向模糊匹配，而多选分支可以支持多个子表达式任选其一。

示例1：要匹配字符串good或者nice,可以使用多选分支。

const regex = /good|nice/g;
console.log("good idea, nice try.".match(regex));
//=>["good","nice"]

上例可视化为：

示例2:

// 用 /good|goodbye/，去匹配 "goodbye" 字符串时，结果是 "good"
var regex = /good|goodbay/g;
console.log("goodbye".match(regex));
//=>["good"]

// 把正则换成/goodbye|good/
var regex = /goodbye|good/g;
var string = "goodbye";
console.log( string.match(regex) );
// => ["goodbye"]

所以分支结构的顺序是需要注意的，也就是说分支结构也是惰性的，当前面的匹配上了，后面的就不再尝试了。

正则表达式-字符匹配