JavaScript 正则表达式：先行断言和后行断言

先行断言（lookahead）和后行断言（lookbehind）是 JS 正则表达式比较高级的特性了。不过学习了这两个特性后，在某些特殊场景做匹配时会让你事半功倍。

使用场景

假设现在我们有一个字符串变量 str，值为 "1 turkey costs 30€"。我们的要求是，找到这个字符串中后缀是 € 的数值，也就是 30。

你应该怎么做呢？我直接说答案，使用正则表达式的先行断言。

let str = "1 turkey costs 30€";

alert( str.match(/d+(?=€)/) ); // 30, the number 1 is ignored, as it's not followed by €

另外，我们还有一个字符串 str2，值为 "2 turkeys cost $60"。我们的要求是，找到这个字符串中前缀是 $ 的数值，也就是 60。

你又要怎么做呢？我直接说答案，使用正则表达式的后行断言。

let str = "1 turkey costs $30";

// the dollar sign is escaped $
alert( str.match(/(?<=$)d+/) ); // 30 (skipped the sole number)

先行断言的语法是：X(?=Y) ，意思是“查找 X ，仅当后面跟着 Y 时”。

注意，Y 左边的 (?= 和右边的 ) 是固定搭配，这里的圆括号不是捕获组的圆括号，Y 不包含在最终的匹配结果中。

详细来说：在应用 X(?=Y) 时，正则表达式引擎会找到 X，然后检查它后面是否有 Y。如果有，匹配项就是 X；如果没有，就从当前 X 的位置跳过，继续搜索检查。

以之前任务为例：为了在 “1 turkey costs 30€” 找到 30€ 中的 30，我们的匹配规则是：找到后缀是€的数字，翻译成正则表达式也就是 /d+(?=€)/，代入字符串方法 str.match() 即可。

let str = "1 turkey costs 30€";

alert( str.match(/d+(?=€)/) ); // 30, the number 1 is ignored, as it's not followed by €

上面的“先行断言”也叫“正向先行断言（Positive lookahead）”，还有做相反匹配的“负向先行断言”（Negative lookahead），语法是 X(?!Y)，表示“查找 X ，仅当后面没有 Y 时”。

语法上，也就是将正向先行断言中的等于号 = 换成感叹号 !。

let str = "2 turkeys cost 60€";

alert( str.match(/d+b(?!€)/g) ); // 2 (the price is not matched)

后行断言的语法是：(?<=Y)X ，意思是“匹配 X，前提是之前有 Y”。观察可以发现，后行断言相比先行断言，就是在问号和等于号（(?=）之间加了一个小于号 (?<=。

需要注意的是，Y 左边的 (?<= 和右边的 ) 是固定搭配，这里的圆括号不是捕获组的圆括号，Y 不包含在最终的匹配结果中。

详细来说，在应用 (?<=Y)X 时，正则表达式引擎会先找到 X，然后检查它前面是否有 Y。如果有，匹配项就是 X；如果没有，就从当前 X 的位置跳过，继续搜索检查。

以之前任务为例：为了在 "1 turkey costs $30" 找到 $30 中的 30，我们的匹配规则是：找到后缀是$的数字，翻译成正则表达式也就是 /(?<=$)d+/，代入字符串方法 str.match() 即可。

❝

TIP：/(?<=$)d+/ 中的$ 加一个是为了进行转义。这是因为 $在正则中有特殊含义，必须配合一起使用才会作为普通字符处理。

❞

let str = "1 turkey costs $30";

// the dollar sign is escaped $
alert( str.match(/(?<=$)d+/) ); // 30 (skipped the sole number)

上面的“后行断言”也叫“正向后行断言（Positive lookbehind）”，还有做相反匹配的“负向后行断言”（Negative lookbehind），语法是 X(?<!Y)，表示“匹配 X，前提是之前没有 Y”。

与先行断言类似，语法上也是将正向后行断言中的等于号 = 换成感叹号 !，

let str = "2 turkeys cost $60";

alert( str.match(/(?<!$)bd+/g) ); // 2 (the price is not matched)

不管是先行断言（/X(?=Y)/）还是后行断言（(?<=Y)X），语法中的圆括号都只是语法的一部份，不是捕获组的意思。

如果希望捕获 Y 的内容，则要在 Y 两边额外再加一个括号。

举一个先行断言的例子：

let str = "1 turkey costs 30€";
let regexp = /d+(?=(€|kr))/; // extra parentheses around €|kr

alert( str.match(regexp) ); // 30, €

再举一个后行断言的例子：

let str = "1 turkey costs $30";
let regexp = /(?<=($|£))d+/;

alert( str.match(regexp) ); // 30, $

先行断言（lookahead）和后行断言（lookbehind）是 JS 正则表达式比较高级的特性，在我们想要根据前后上下文匹配某些内容时非常有用。

不过，先行和后行断言语法中的圆括号都只是语法的一部份，不是捕获组的意思。如果希望捕获测试条件（Y）的内容，需要额外再加一个括号。

原文始发于微信公众号（写代码的宝哥）：JavaScript 正则表达式：先行断言和后行断言

文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/243859.html