正则表达式后行断言 • 探索 ES2018 和 ES2019

时间: 2018-07-12阅读: 161标签: 正则

RegExp 后行断言

本章将解释由Gorkem Yakin,Nozomu Katō,Daniel Ehrenberg等人给出的RegExp 后行断言(Lookbehind Assertion)提案。

一个 先后行断言(Lookaround Assertion)是正则表达式中的一个构造,明确了当前位置的前后字符序列,但没有其他副作用。亦称为零宽断言(Zero-width Assertion)。

当前 JavaScript 唯一支持的 Lookaround Assertion 是 先行断言(Lookahead Assertion),其匹配当前位置接下来的字符序列,而本章描述的 后行断言 提案匹配的是当前位置前面的字符序列。


先行断言

正则表达式中的先行断言意味着:后续字符序列必须与断言相匹配,但没有其他副作用。即,不捕获任何东西,且匹配到的字符串不包含断言部分。

以如下正则表达式为例:

const RE_AS_BS = /aa(?=bb)/;

它匹配字符串 'aabb',但是匹配到的内容是不包含 'bb' 的:

const match1 = RE_AS_BS.exec('aabb');
console.log(match1[0]); // 'aa'

而且,它还不匹配那种没有两个 'b' 的字符串:

const match2 = RE_AS_BS.exec('aab');
console.log(match2); // null

一个负向先行断言(Negative Lookahead Assertion)意味着后续字符序列必须与该断言不匹配 。例如:

> const RE_AS_NO_BS = /aa(?!bb)/;
> RE_AS_NO_BS.test('aabb')
false
> RE_AS_NO_BS.test('aab')
true
> RE_AS_NO_BS.test('aac')
true


后行断言

后行断言与先行断言的工作方式类似,但是方向相反。


正向后行断言

对于一个正向后行断言(Positive Lookbehind Assertion)来说,当前位置的前继字符序列必须与该断言匹配(没有其他副作用)。

const RE_DOLLAR_PREFIX = /(?<=\$)foo/g;
'$foo %foo foo'.replace(RE_DOLLAR_PREFIX, 'bar');
    // '$bar %foo foo'

正如你所见,仅仅当前面是美元符号的那个 'foo' 被替换了。另外你也看到,因为美元字符后面的字符序列('foo')完全被'bar'替换掉了,所以美元符号不是匹配结果的一部分。

不使用后行断言而想达到同样结果的实现方式就没这么优雅:

const RE_DOLLAR_PREFIX = /(\$)foo/g;
'$foo %foo foo'.replace(RE_DOLLAR_PREFIX, '$1bar');
    // '$bar %foo foo'

如果前继字符也在上一个匹配中时,这种实现方式就不起作用了。

> 'a1ba2ba3b'.match(/(?<=b)a.b/g)
[ 'a2b', 'a3b' ]


负向后行断言

负向后行断言(Negative Lookbehind Assertion)仅仅当前位置的前继字符序列与断言 不匹配 时才匹配,并无其他副作用。例如:

const RE_NO_DOLLAR_PREFIX = /(?<!\$)foo/g;
'$foo %foo foo'.replace(RE_NO_DOLLAR_PREFIX, 'bar');
    // '$foo %bar bar'

如果不使用后行断言的话,要达到同样的结果,是没有其他简单的(一般的)实现方式。


总结

在正则表达式的尾部,使用先行断言最有意义。而在正则表达式的开头,使用后行断言最有意义。

使用先后行断言的用例有:

  • replace()
  • match() (尤其当正则表达式有修饰符 /g)
  • split() (注意 ' b,c' 开始处的空格):

    > 'a, b,c'.split(/,(?= )/)
    [ 'a', ' b,c' ]
    

除了上述用例外,你也随时可以在正则表达式中使用断言。


进一步阅读


原文链接: exploringjs.com  
翻译来源:www.zcfy.cc


循环下的正则匹配?说说正则中的lastIndex

正则有一个属性叫lastIndex,它表示正则下一次匹配时的起始位置。一般情况下我们是使用不到它的,但在正则中包含全局标志g时,正则的test和exec方法就会使用到它

利用正则表达式去除所有html标签,只保留文字

后台将富文本编辑器中的内容返回到前端时如果带上了标签,这时就可以利用这种方法只保留文字。利用正则表达式去除所有html标签,只保留文字

javascript 正则表达式之分组与前瞻匹配详解

本文主要讲解javascript 的正则表达式中的分组匹配与前瞻匹配的,需要对正则的有基本认识。分组匹配:捕获性分组匹配、非捕获性分组匹配。前瞻匹配:正向前瞻匹配: (?=表达式) 后面一定要匹配有什么、反向前瞻匹配: (?!表达式) 后面一定不能要有什么

js常用正则表达式验证大全(整理详细且实用)

正则表达式对象用来规范一个规范的表达式,本文讲的是JS正则表达式大全(整理详细且实用),包括校验数字、字符、一些特殊的需求等等

JavaScript判断字符串包含中文字符的方法总结

JS中判断一个字符串是否包含汉字,下面就介绍2中常用的实现方法:用正则表达式判断、用 Unicode 字符范围判断。

密码强度的正则表达式(JavaScript)总结

本文给出了两个密码强度的正则表达式方案,一个简单,一个更复杂和安全。并分别给出了两个方案的解析和测试程序。一般大家可以根据自己的项目的实际需要,自行定义自己的密码正则约定。

一次记住js的6个正则方法

来记忆一些常用特殊字符,这个是正则本身的范畴了,是不是总觉得记不住?其实我也记不住,每次都是去搜索和online验证来完成一些任务。我也困恼过,其实最后还是因为自己写的少吧,唯手熟尔。。。

js使用正则过滤emoji表情符号

手机端常常会遇到用户输入框,输入emoji,如果是数据库是UTF8,会遇到报错,原因是:UTF-8编码有可能是两个、三个、四个字节。Emoji表情是4个字节,而Mysql的utf8编码最多3个字节,所以数据插不进去。

javascript较全常用的表达正则验证,js中采用test()方法

正则表达式是一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。本文整理了JS较全且实用正则表达式。