2017年11月08日09:57:27再次重新系统的开始学习正则表达式，希望这次可以真正的学会！

语法学习

1. Character classes

Character classes match a character from a specific set. There are a number of predefined(预定的) character classes and you can also define your own sets.

2. Anchors (锚)

Anchors are unique in that they match a position within a string, not a character.

是独一无二的,它们匹配的位置在一个字符串,而不是一个字符。

3. Escapaed characters(转义字符)

Some characters have special meaning in regular expressions and must be escaped（避免）. All escaped characters begin with the \ character.

Within a character set, only , -, and ] need to be escaped.

4. Groups & Lookaround(组和查看)

组允许您将一系列令牌组合在一起操作。捕获组可以通过反向引用来引用，并在结果中单独访问。
(Groups allow you to combine a sequence of tokens to operate on them together. Capture groups can be referenced by a backreference and accessed separately in the results.)

Lookaround让你匹配一个组，而不会在结果中包含它。
(Lookaround lets you match a group without including it in the result.)

备注1 - 捕获组：
捕获组就是把正则表达式中子表达式匹配的内容，保存到内存中以数字编号或显式命名的组里，方便后面引用。当然，这种引用既可以是在正则表达式内部，也可以是在正则表达式外部。

---

备注2 - 断言：
所谓断言，就是指明某个字符串前边或者后边，将会出现满足某种规律的字符串。

5. Quantifiers & Alternation

量词指示前面的标记必须匹配一定的次数。在默认情况下，量词是贪婪的，并且会匹配尽可能多的字符。

交替行为像一个布尔OR，匹配一个或另一个序列。(Alternation acts like a boolean OR, matching one sequence or another.)

6. Substitution (代替)

These tokens are used in a substitution string to insert different parts of the match.(这些令牌用于替换字符串插入的不同部分匹配。)

7. Flags

重点详解

1. 捕获组

1.1 what

捕获组就是把正则表达式中子表达式匹配的内容，保存到内存中以数字编号或显式命名的组里，方便后面引用。当然，这种引用既可以是在正则表达式内部，也可以是在正则表达式外部。

捕获组有两种形式，一种是普通捕获组，另一种是命名捕获组，通常所说的捕获组指的是普通捕获组。语法如下：

普通捕获组：(Expression)
命名捕获组：(?<name>Expression)

普通捕获组在大多数支持正则表达式的语言或工具中都是支持的，而命名捕获组目前只有.NET、PHP、Python等部分语言支持，据说Java会在7.0中提供对这一特性的支持。上面给出的命名捕获组的语法是.NET中的语法，另外在.NET中使(?’name’Expression)与使用(?<name>Expression)等价的。在PHP和Python中命名捕获组语法为：(?P<name>Expression)。

另外需要说明的一点是，除(Expression)和(?<name>Expression)语法外，其它的(?...)语法都不是捕获组。

1.2 捕获组编号规则：$1\$2\$3...$n

编号规则指的是以数字为捕获组进行编号的规则，在普通捕获组或命名捕获组单独出现的正则表达式中，编号规则比较清晰，在普通捕获组与命名捕获组混合出现的正则表达式中，捕获组的编号规则稍显复杂。

在展开讨论之前，需要说明的是，编号为0的捕获组，指的是正则表达式整体，这一规则在支持捕获组的语言中，基本上都是适用的。下面对其它编号规则逐一展开讨论。

通俗的解释：

$1,$2...是表示的小括号里的内容 ，$1是第一个小括号里的 ,$2是第2个小括号里的
e.g.

var test = 'abcde acerfade sdfjawide hello dfwaf';
test.replace(/a(\w+?)[\D\d]he(\w+?)[\D\D]/g, '$1-$2')
结果： "b-l"
第一个分组匹配出来的是“b”,第二个分组匹配出来的是"l",所以将$1-$2的结果就是b-l。
而[\D\d]是匹配任意字符

1.2.1普通捕获组

如果没有显式为捕获组命名，即没有使用命名捕获组，那么需要按数字顺序来访问所有捕获组。在只有普通捕获组的情况下，捕获组的编号是按照“(”出现的顺序，从左到右，从1开始进行编号的。

e.g.：正则表达式：(\d{4})-(\d{2}-(\d\d))

reg.png

上面的正则表达式可以用来匹配格式为yyyy-MM-dd的日期，为了在下表中得以区分，月和日分别采用了\d{2}和\d\d这两种写法。

用以上正则表达式匹配字符串：2008-12-31，匹配结果为：

e.g.: 浏览器中执行的结果:

> var dateStr = '2008-12-31';

> datestr.match(/(\d{4})-(\d{2}-(\d\d))/g);
< ["2008-12-31"]

> datestr.match(/(\d{4})-(\d{2}-(\d\d))/)
< (4) ["2008-12-31", "2008", "12-31", "31", index: 0, input: "2008-12-31"]

为什么会有这两种不同的结果呢？

这是JavaScript中match()方法的特性。match方法的返回值存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。

• 如果 regexp 没有标志 g，那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本， match() 将返回 null。否则，它将返回一个数组，其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外，返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置，input 属性声明的是对 stringObject 的引用
• 如果 regexp 具有标志 g，则 match() 方法将执行全局检索，找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串，则返回 null。如果找到了一个或多个匹配子串，则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同，它的数组元素中存放的是 stringObject 中所有的匹配子串，而且也没有 index 属性或 input 属性。

---

注意：在全局检索模式下，match() 即不提供与子表达式匹配的文本的信息，也不声明每个匹配子串的位置。如果您需要这些全局检索的信息，可以使用 RegExp.exec()。

由于普通捕获组编号顺序从0开始，那么可以使用$1,$2,$..来进行表示。e.g:

> datestr.replace(/(\d{4})-(\d{2}-(\d\d))/, "$1年$2号");
< "2008年12-31号"

写在后面

GitHub上集大家之力搞了一个前端面试题的项目，里面都是大家面试时所遇到的题以及一些学习资料，有兴趣的话可以关注一下。如果你也有兴趣加入我们的话，请在项目中留言。项目同时也可以在gitbook上查看。

InterviewLibrary-GitHub
InterviewLibrary-gitbook