正则表达式中问号(?)的正确用法详解_正则表达式

正则表达式中“?”的用法大概有以下几种

1、直接跟随在子表达式后面

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

2、非贪婪匹配

关于贪婪和非贪婪，贪婪匹配的意思是，在同一个匹配项中，尽量匹配更多所搜索的字符，非贪婪则相反。正则匹配的默认模式是贪婪模式，当?号跟在如下限制符后面时，使用非贪婪模式（*,+,?，{n}，{n,}，{n,m}）

如正则表达式 \S+c 匹配字符串aaaacaaaaaaac的结果是aaaacaaaaaaac，而\S+?c则会优先匹配aaaac

3、非获取匹配

当我们使用正则表达式的时候，捕获的字符串会被缓存起来以供后续使用，具体表现为每个（）中的表达式所匹配到的内容在进行正则匹配的过程中，都会被缓存下来，如以下代码

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、断言

我们知道，正则表达式中大部分的结构所匹配的文本最终会出现在匹配结果中，但也有一部分结构并不真正匹配文本，而只是负责判断某个位置左/右侧是否符合要求，这种结构被称为断言

常用的断言有以下四种

以下的段落中，我们将统一使用pattern表示断言的条件

?=pattern和?<=pattern分别表示匹配断言成立时左侧和右侧的文本，只有断言成立了，左侧或右侧的文本才会被匹配，但断言所匹配的结果并不会出现在匹配结果中，具体例子可以看以下代码

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,并且匹配结果同样不包含断言

对于?!pattern和?<!pattern可以看成是上面两个表达式的取反，分别匹配断言不成立时的左侧和右侧文本，具体可以看以下代码

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

如上我们可以看到这个时候要匹配到左侧或者右侧的test，需要括号里的断言不成立时，才能匹配的到了

参考资料：

https://blog.csdn.net/u014762221/article/details/68953155

https://www.jianshu.com/p/08c2fa742c1b