一、前言
正則表達(dá)式是匹配模式,要么是匹配字符,要么匹配位置。
其實在開發(fā)中很少用到匹配位置,本篇文章主要包含:
二、什么是位置
位置:相鄰字符之間的位置。
三、如何匹配位置
在ES5中,共有6個錨:^, $, \b, \B, (?=p), (?!p)
可視化形式:
RegExp:/^$\b\B(?=a)(?!b)/g
3.1 ^和$
^(脫字符)匹配開頭,在多行匹配中匹配行開頭。
$(美元符)匹配結(jié)尾,在多行匹配中匹配行結(jié)尾。
比如:我們把字符串的開頭和結(jié)尾用#替換(位置可以替換成字符的):
var result = "hello".replace(/^|$/g, '#');
console.log(result);
// "#hello#"
多行匹配模式(有修飾符m)時,二者是行的概念,我們需要注意:
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,如下:
var result = "[JS] Lesson_01.mp4".replace(/\b/g, '#');
console.log(result);
// "[#JS#] #Lesson_01#.#mp4#"
首先,我們知道\w是字符組[0-9a-zA-Z]的簡寫,即使字母數(shù)字或者下劃線中任何一個字符。而\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 個,位于結(jié)尾,前面的字符 "4" 是 \w,即 \w 與 $ 之間的位置。
知道了\b概念后,那\B就好理解了,\b是單詞邊界,\B是非單詞邊界
var result = "[JS] Lesson_01.mp4".replace(/\B/g, '#');
console.log(result);
// "#[J#S]# L#e#s#s#o#n#_#0#1.m