深入淺出正則表達(dá)式中的邊界\b和\B
更新時間：2021年10月14日 14:47:19 作者：皮蛋很白
對于正則表達(dá)式的中\(zhòng)B和\b 有些地方會出現(xiàn)弄不懂的情況,所以查找資料學(xué)習(xí)了一番,下面這篇文章主要給大家介紹了關(guān)于正則表達(dá)式中邊界\b和\B的相關(guān)資料,需要的朋友可以參考下
正則表達(dá)式中：
- \b 表示單詞邊界
- \B 表示非單詞邊界，應(yīng)理解為（非單詞）邊界，而不是非（單詞邊界），它仍然匹配的是邊界
邊界
我將正則中的位置分為 字符的占位 和 字符的間隙。
字符的占位是顯式的位置。
以 I'm iron man 為例。
肉眼可見的字母 符號 空格都是可以占位的字符，也就是可以用下標(biāo)獲取到字符的位置。
字符的間隙是隱式的位置。
即顯示位置之間的位置，比如I和'之間的位置，字符串開頭和I之間的位置等。
邊界 指的是占位的字符左右的間隙位置。
單詞
正則中所說的單詞指的是 \w 可以匹配的字符，即數(shù)字、大小寫字母以及下劃線 [0-9a-zA-Z_]
\b 單詞邊界
單詞邊界匹配的就是這樣的間隙位置：
左邊占位的字符或右邊占位的字符，至少有一個不是 \w
// 只有首尾位置匹配
console.log('0aZ_'.replace(/\b/g, '.')) // .0aZ_.
// +不是\w，所以它的左右間隙都可以被匹配
console.log('a+a'.replace(/\b/g, '.')) // .a.+.a.
// 空格也不是\w，所以它的左右間隙都可以被匹配
console.log('a a'.replace(/\b/g, '.')) // .a. .a.
\B 非單詞邊界
理解了 \b，\B就好理解了。
它匹配的也是 邊界 ，針對的是 與 \b 相反 的 非單詞(\W)。
也就是，左右占位的字符，都必須是 \w。
或者說 所有不能被\b匹配的 邊界。
console.log('0aZ_'.replace(/\B/g, '.')) // 0.a.Z._
console.log('a+a'.replace(/\B/g, '.')) // a+a.
console.log('a a'.replace(/\B/g, '.')) // a a
舉列
1.單詞邊界
var str = ' 2 ';//其中空格與2之間的位置叫做單詞邊界，匹配\b
2.非單詞邊界
var str = ",,,,,和呵呵,,,,,"; var reg = '\B呵\B';//reg匹配中間的呵，其兩側(cè)都是字符，中間的位置為非單詞邊界。
3.統(tǒng)計以“,”分割的元素中“3”的個數(shù)
var test = "137,1,33,4,3,6,21,3,35,93,2,98"; var count = test.match(test, "\b3\b").length; //結(jié)果：2
4.千分位分割數(shù)字，將輸出成7,654,321這樣的格式
'7654321'.replace(/\B(?=(\d{3})+(?!\d))/g,',')
//7,654,321(匹配末尾是非數(shù)字，中間是連續(xù)3位數(shù)字整倍數(shù)的非單詞邊界)
'99893'.replace(/\B(?=(\d{3})+$)/g, ',')
// '99,893'
5.手機號344分割
'12345678901'.replace(/\B(?=(?:\d{4})+$)/g, '-')
// '123-4567-8901'
總結(jié)
到此這篇關(guān)于正則表達(dá)式中邊界\b和\B的文章就介紹到這了,更多相關(guān)正則表達(dá)式邊界\b和\B內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
PBlog2 公用JS代碼...2006-08-08
可以獲取網(wǎng)頁中所有的圖片地址和鏈接地址的代碼，好像一般用在獲取網(wǎng)頁中的資源地址時用的到2008-12-12
捕獲組就是把正則表達(dá)式中子表達(dá)式匹配的內(nèi)容，保存到內(nèi)存中以數(shù)字編號或手動命名的組里，方便后面引用2009-07-07
論壇UBB代碼 推薦...2006-07-07
jQuery中的正則表達(dá)式分析 正則基礎(chǔ)，需要的朋友可以參考下。2011-02-02
深度分析正則(pcre)最大回溯/遞歸限制，需要的朋友可以參考下。2011-04-04
這篇文章主要介紹了正則表達(dá)式驗證IPV4地址功能,結(jié)合實例形式分析了IPV4地址驗證的原理及具體實現(xiàn)技巧,需要的朋友可以參考下2017-01-01
一般做到注冊頁面的時候，當(dāng)用戶填完信息，都需要對他們的信息進(jìn)行驗證，這就要用到正則表達(dá)式。本文通過實例給大家介紹正則表達(dá)式進(jìn)行頁面表單驗證功能，一起看看吧2017-03-03
這些都是 javascript 正則表達(dá)式的基本方法，如果你看會了看復(fù)雜的正則你會有豁然開朗的感覺。2010-03-03
ASP 正則表達(dá)式常用的幾種方法(execute、test、replace)
asp下正則表達(dá)式常用的幾種方法，需要的朋友可以參考下。2009-12-12