正則表達式中問號(?)的正確用法詳解

更新時間：2022年05月16日 09:02:23 作者：小敏哥

本文主要介紹了正則表達式中問號(?)的正確用法詳解，主要介紹了4種用法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

1、直接跟隨在子表達式后面

這種方式是最常用的用法，具體表示匹配前面的一次或者0次，類似于{0,1}，如：abc(d)?可匹配abc和abcd

2、非貪婪匹配

關(guān)于貪婪和非貪婪，貪婪匹配的意思是，在同一個匹配項中，盡量匹配更多所搜索的字符，非貪婪則相反。正則匹配的默認模式是貪婪模式，當?號跟在如下限制符后面時，使用非貪婪模式（*,+,?，{n}，{n,}，{n,m}）

如正則表達式 \S+c 匹配字符串a(chǎn)aaacaaaaaaac的結(jié)果是aaaacaaaaaaac，而\S+?c則會優(yōu)先匹配aaaac

3、非獲取匹配

當我們使用正則表達式的時候，捕獲的字符串會被緩存起來以供后續(xù)使用，具體表現(xiàn)為每個（）中的表達式所匹配到的內(nèi)容在進行正則匹配的過程中，都會被緩存下來，如以下代碼

var testReg=/(a+)(b*)c/;
testReg.test('aaaabbbccc');//輸出true
console.log(RegExp.$1);//輸出aaaa
console.log(RegExp.$2);//輸出bbb

但是，如果在子分組中加入?:之后，分組依然成立，但是不會被緩存下來，看以下代碼

var testReg=/(a+)(?:b*)c/;
testReg.test('aaaabbbccc');//輸出true
console.log(RegExp.$1);//輸出aaaa
console.log(RegExp.$2);//輸出""

4、斷言

我們知道，正則表達式中大部分的結(jié)構(gòu)所匹配的文本最終會出現(xiàn)在匹配結(jié)果中，但也有一部分結(jié)構(gòu)并不真正匹配文本，而只是負責判斷某個位置左/右側(cè)是否符合要求，這種結(jié)構(gòu)被稱為斷言

常用的斷言有以下四種

(?=pattern)	非獲取匹配，正向肯定預查，在任何匹配pattern的字符串開始處匹配查找字符串，該匹配不需要獲取供以后使用。
(?!pattern)	非獲取匹配，正向否定預查，在任何不匹配pattern的字符串開始處匹配查找字符串，該匹配不需要獲取供以后使用。
(?<=pattern)	非獲取匹配，反向肯定預查，與正向肯定預查類似，只是方向相反。
(?<!patte_n)	非獲取匹配，反向否定預查，與正向否定預查類似，只是方向相反。

以下的段落中，我們將統(tǒng)一使用pattern表示斷言的條件

?=pattern和?<=pattern分別表示匹配斷言成立時左側(cè)和右側(cè)的文本，只有斷言成立了，左側(cè)或右側(cè)的文本才會被匹配，但斷言所匹配的結(jié)果并不會出現(xiàn)在匹配結(jié)果中，具體例子可以看以下代碼

var testReg=/test(?=123)/;
var result=testReg.exec('test123');
console.log(result[0])//輸出test
 
var result2=testReg.exec('test12');
console.log(result2)//輸出null

我們可以看到test(?=123)可以匹配到test123中的test，但是并不能匹配test12中的test，對于?<=pattern同理，可以看以下代碼

var testReg=/(?<=123)test/;
var result=testReg.exec('123test');
console.log(result[0])//輸出test
 
var result2=testReg.exec('12test');
console.log(result2)//輸出null

同樣(?=123)test可以匹配到123test中的test，匹配不到12test中的test,并且匹配結(jié)果同樣不包含斷言

對于?!pattern和?<!pattern可以看成是上面兩個表達式的取反，分別匹配斷言不成立時的左側(cè)和右側(cè)文本，具體可以看以下代碼

var testReg=/test(?!123)/;
var result=testReg.exec('test123');
console.log(result)//輸出null
 
var result2=testReg.exec('test12');
console.log(result[0])//輸出test
var testReg=/(?<!123)test/;
var result=testReg.exec('123test');
console.log(result)//輸出null
 
var result2=testReg.exec('12test');
console.log(result2[0])//輸出test

如上我們可以看到這個時候要匹配到左側(cè)或者右側(cè)的test，需要括號里的斷言不成立時，才能匹配的到了