JavaScript正则表达式迷你书(1.1版)读书笔记

222 阅读3分钟

这几天拜读了《JavaScript正则表达式迷你书》,感谢作者将JS的正则提炼成一本精华小书。遂将读书笔记记录分享一下。先上脑图,概括一下整个结构。

正则表达式.png

作者反复强度一句话:

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

匹配字符

正则表达式只能精确匹配是没有意义的。正则表达式之所以强大,是因为其能实现模糊匹配。而模糊匹配,有两个方向上的“模糊”:横向模糊和纵向模糊。

横向模糊匹配

其实现的方式是使用量词。譬如 {m,n},表示连续出现最少 m 次,最多 n 次。

比如正则 /ab{2,5}c/ 表示匹配这样一个字符串:第一个字符是 "a",接下来是 2 到 5 个字符 "b",最后 是字符 "c"。

横向模糊匹配的关键是对量词的使用。量词也称重复。掌握 {m,n} 的准确含义后,只需要记住一些简写形式。

量词具体含义
{m,}表示至少出现 m 次。
{m}等价于 {m,m},表示出现 m 次。
?等价于 {0,1},表示出现或者不出现。
+等价于 {1,},表示出现至少一次。
*等价于 {0,},表示出现任意次,有可能不出现。

纵向模糊匹配

其实现的方式是使用字符组。譬如 [abc],表示该字符是可以字符 "a"、"b"、"c" 中的任何一个。

比如 /a[123]b/ 可以匹配如下三种字符串: "a1b"、"a2b"、"a3b"。

横向模糊匹配的关键是对字符组的使用。需要强调的是,虽叫字符组(字符类),但只是其中一个字符。

  • 范围表示法

如果字符组里的字符特别多的话,怎么办?

可以使用范围表示法。 比如 [123456abcdefGHIJKLM],可以写成 [1-6a-fG-M]。用连字符 - 来省略和简写。

  • 排除字符组

纵向模糊匹配,还有一种情形就是,某位字符可以是任何东西,但就不能是 "a"、"b"、"c"。

此时就是排除字符组(反义字符组)的概念。例如 [^abc],表示是一个除 "a"、"b"、"c"之外的任意一个字符。字符组的第一位放 ^(脱字符),表示求反的概念。

  • 常见字符组简写
字符组具体含义
\d表示 [0-9]。表示是一位数字。
\D表示 [^0-9]。表示除数字外的任意字符。
\w表示 [0-9a-zA-Z_]。表示数字、大小写字母和下划线。
\W表示 [^0-9a-zA-Z_]。非单词字符。
\s表示 [ \t\v\n\r\f]。表示空白符,包括空格、水平制表符、垂直制表符、换行符、回车符、换页符。
\S表示 [^ \t\v\n\r\f]。 非空白符。
.表示 [^\n\r\u2028\u2029]。通配符,表示几乎任意字符。换行符、回车符、行分隔符和段分隔符除外。

匹配位置

位置的定义

位置(锚)是相邻字符之间的位置。比如,下图中箭头所指的地方:

位置.png

如何匹配位置

在 ES5 中,共有 6 个锚:

^、$、\b、\B、(?=p)、(?!p)

具体含义
^匹配开头,在多行匹配中匹配行开头。
$匹配结尾,在多行匹配中匹配行结尾。
\b单词边界,具体就是 \w 与 \W 之间的位置,也包括 \w 与 ^ 之间的位置,和 \w 与 $ 之间的位置。
\B就是 \b 的反面的意思,非单词边界。
(?=p)其中 p 是一个子模式,即 p 前面的位置,或者说,该位置后面的字符要匹配 p。
(?!p)就是 (?=p) 的反面意思