前瞻后顧與捕獲分組的結(jié)合使用

在現(xiàn)實(shí)的應(yīng)用場(chǎng)景中，捕獲分組或非捕獲分組通常被限制在前瞻后顧條件內(nèi)，舉例來(lái)說(shuō)，對(duì)數(shù)字12345678格式化，結(jié)果為12,345,678。其正則實(shí)現(xiàn)如下：

let formatSum = '12345678'.replace(/\B(?=(?:\d{3})+(?!\d))/g, ',')

捕獲分組與非捕獲分組

為了理解前瞻與后顧，首先要先理解捕獲分組與非捕獲分組

在js中，

()表示捕獲分組，() 會(huì)把每個(gè)分組里的匹配的值保存起來(lái)，使用$n(n是一個(gè)數(shù)字，表示第n個(gè)捕獲組的內(nèi)容)；

(?:)表示非捕獲分組，和捕獲分組唯一的區(qū)別在于，非捕獲分組匹配的值不會(huì)保存起來(lái)。

以formatSum 表達(dá)式為例，(?=(?:\d{3})+(?!\d)) ，(?:\d{3}) ，(?!\d) 都是分組，其中第二個(gè)分組是非捕獲分組。

前瞻、后顧與負(fù)前瞻、負(fù)后顧

在上述的formatSum表達(dá)式中，用到了 ‘?=‘與'?!'，這就是所謂的前瞻與負(fù)前瞻了。為了方便理解，我們以一個(gè)簡(jiǎn)單的例子入手。

// 前瞻：
A(?=B)   //查找B前面的A
// 后顧：
(?<=B)A   //查找B后面的A
// 負(fù)前瞻：
A(?!B)   //查找后面不是B的A
// 負(fù)后顧：
(?<!B)A   //查找前面不是B的A

回看formatSum表達(dá)式，將 (?:\d{3})+(?!\d) 視為一個(gè)整體表達(dá)式 A，即

formatSum = /\B(?=A)/g  //此處A為表示式并非真正字母A，只為方便理解

其意思是匹配表達(dá)式A前面的 \B ,而 \B 匹配的是非字母邊界，所以可以看出該表達(dá)式整體的作用是用來(lái)匹配并替換表達(dá)式 A 前邊的邊界的。

與 \B 對(duì)應(yīng)的還有 \b ，其匹配字母邊界。對(duì)于初學(xué)者來(lái)說(shuō)，邊界的概念比較難以理解，你可以把它看作是無(wú)形的 | ,任何長(zhǎng)度大于等于2的字符串中都存在邊界。如 ‘a(chǎn)b'，它可以看作是'a|b'， 只是此處 | 是無(wú)形的，當(dāng)然它也就不計(jì)入字符串長(zhǎng)度。

'ab'.replace(/\B/, ',')
//  a,b

接下來(lái)為了看表達(dá)式 A 部分： (?:\d{3})+(?!\d) 。

首先 ?: 表示非捕獲分組，\d{3} 表示3位數(shù)字，則 (?:\d{3})+ 表示3、6、9、12…位數(shù)字；

(?!\d) 為負(fù)前瞻，表示匹配后面不是數(shù)字的 (?:\d{3})+ 。綜上：

(?:\d{3})+(?!\d)  

匹配'12345678'中后面不是數(shù)字的3*n(n=1遞增)位數(shù)字，即'678', '345678'

所以，得出結(jié)果：

formatSum = '12345678'.replace(/\B(?=(?:\d{3})+(?!\d))/g, ',')

匹配'12345678'中后面不是數(shù)字的3*n(n=1，n++)位數(shù)字前面的非字母邊界，
即'678', '345678'前面的非字母邊界，最終將這兩個(gè)邊界替換為逗號(hào)，
即 '3' 與 '6' 前加逗號(hào)

即

'12345678'.replace(/\B(?=(?:\d{3})+(?!\d))/g, ',')  === '12,345,678'
// true

總結(jié)

到此這篇關(guān)于js正則表達(dá)式之前瞻后顧與非捕獲分組的文章就介紹到這了,更多相關(guān)js正則前瞻后顧與非捕獲分組內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論