javascript正则表达式学习之位置匹配

时间:2021-05-02

一、前言

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

其实在开发中很少用到匹配位置,本篇文章主要包含:

二、什么是位置

位置:相邻字符之间的位置。

三、如何匹配位置

在ES5中,共有6个锚:^, $, \b, \B, (?=p), (?!p)

可视化形式:

RegExp:/^$\b\B(?=a)(?!b)/g

3.1 ^和$

^(脱字符)匹配开头,在多行匹配中匹配行开头。

$(美元符)匹配结尾,在多行匹配中匹配行结尾。

比如:我们把字符串的开头和结尾用#替换(位置可以替换成字符的):

? 1 2 3 var result = "hello".replace(/^|$/g, '#'); console.log(result); // "#hello#"

多行匹配模式(有修饰符m)时,二者是行的概念,我们需要注意:

? 1 2 3 var result = "I\nlove\njavascript".replace(/^|$/gm, '#'); console.log(result); // #I#// #love#// #javascript#

3.2 \b和\B

\b是单词边界,具体就是\w和\W之间的位置,也包括\w与^之间的位置,和\w和$之间的位置。

比如考察文件名"[JS] Lesson_01.mp4"中的\b,如下:

? 1 2 3 var result = "[JS] Lesson_01.mp4".replace(/\b/g, '#'); console.log(result); // "[#JS#] #Lesson_01#.#mp4#"

首先,我们知道\w是字符组[0-9a-zA-Z]的简写,即使字母数字或者下划线中任何一个字符。而\W是字符组[^0-9a-zA-Z]的简写,即\W是\w以外的任何一个字符。

我们再来看#是怎么来的:

第1个,两边字符是"["与"J",是\W与\w之间的位置。

第2个,两边字符是"S"与"]",也就是\w与\W之间的位置。

第3个,两边字符是空格与"L",也就是\W与\w之间的位置。

第4个,两边字符是"1"与".",也就是\w与\W之间的位置。

第5个,两边字符是"."与"m",也就是\W与\w之间的位置。

第6个,位于结尾,前面的字符"4"是\w,即\w与$之间的位置。

知道了\b概念后,那\B就好理解了,\b是单词边界,\B是非单词边界

? 1 2 3 var result = "[JS] Lesson_01.mp4".replace(/\B/g, '#'); console.log(result); // "#[J#S]# L#e#s#s#o#n#_#0#1.m

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章