JavaScript正则表达式详解(3)

  2、利用括号括起来的部分,我们可以在正则表达式的后面引用前面用括号括起来的子表达式的匹配结果,注意是结果,而不是括起来的正则表达式。

针对第二点,有什么用呢?如我们有个需求,我想匹配在单引号或者双引号中的数字(’12345’)时,我们就可轻而易举利用这第二点,写好正则表达式,如下:

/(['"])\d*\1/

测试结果如下:

JavaScript正则表达式详解

好了,就第二点作用而言,结合上述demo,我们再来看看它的具体引用法则吧:

----以反斜杠\加数字的方式,引用前面带括号的子表达式,而这个数字呢指的就是第几个子表达式,计算规则为从左往右,计算遇到的左括号" ( ",到想引用的地方位置为止,无论在括号中还嵌套不嵌套括号。

测试Demo如下:

JavaScript正则表达式详解

咦,倘若我只想让括号的作用为分组,而不想在后面计入引用呢?毕竟括号多了,不好计算呢。

那么,我们就来看看字符(?: …)咯。

1.3、(?: …)

(?: …)的作用就是,规定括号只用于分组,而不计入后面的引用,不好理解,看个demo就明白啦。如下:

/(Java(?:Script))(nice)/

如果我想在末尾引用子表达式nice,那么是\2,而不是\3咯,因为用(?: …)来分组滴,只管分组,而不引用,切记切记。

对(?: …)的测试demo如下:

JavaScript正则表达式详解

 

--匹配位置--

在前面我们提到,创建正则对象时,可选字符m表示:多行模式,^和$锚除了匹配字符串的开头和结尾外,还匹配每行的开头和结尾。

那么这个^和$就是正则为我们提供的匹配位置,即所谓的

例如:

将/JavaScript/变为/^JavaScript/,就只匹配字符串中开头为JavaScript的啦,如匹配"JavaScriptxxx"中的JavaScript,而不匹配"xxxJavaScript"中的JavaScript。

正则表达式中的锚字符详情见下:

字符

 

含义

 

^

 

匹配字符串的开头

 

$

 

匹配字符串的结尾

 

\b

 

匹配一个词语的边界,指[a-zA-Z_0-9]之外的字符

 

\B

 

匹配非词语边界位置

 

(? = p)

 

正前向声明,exp1(?=exp2),匹配后面是exp2的exp1

 

(? ! p)

 

反前向声明,exp1(?!exp2),匹配后面不是exp2的exp1

 

^和$好理解,但是\b、(?=)、(?!)可能比较陌生,结合上表,我们再来看看下面的demo就好啦。

对于\b的Demo如下:

JavaScript正则表达式详解

 

对于(? = p)的Demo如下:

JavaScript正则表达式详解

 

对于(? ! p)的Demo如下:

JavaScript正则表达式详解

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/5d19918dd526ad4205c6b4629fdfc463.html