深入理解JS正则表达式之贪婪模式与非贪婪模式的解析

贪婪模式

之前说了正则的量词，但是量词会带来一个到底该匹配哪个的问题。

如下正则表达式：

\d{3,6}

这个正则表达式是匹配3到6个数字，但是当这个正则表达式被用来匹配12345678这个字符串，到底该匹配三个数字还是6个数字，亦或者是都不是？

可以先试试：

let text = '12345678'
let reg = /\d{3,6}/g
text.replace(reg, 'X') // X78

可以看到该正则将123456六个数字替换为了X，也就是说，在正常模式下，正则表达式会尽可能多的匹配。

正常情况下，正则表达式采用贪婪模式，即，尽可能多的匹配。

非贪婪模式

但是，有时我们需要正则表达式尽可能少的匹配，也就是说，一旦成功匹配不再继续尝试，这就是非贪婪模式。那么，如何进入非贪婪模式呢？

做法很简单，在量词后加上?即可。

let text = '12345678'
let reg = /\d{3,6}?/g
text.replace(reg, 'X') // X45678

可以发现，在非贪婪模式下，该正则只匹配了123，即最少匹配。