您的当前位置:首页正文

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

2020-11-27 来源:品趣旅游知识分享网

这篇文章主要介绍了关于深入理解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,即最少匹配。

显示全文