JS 學(xué)習(xí)總結(jié)之正則表達(dá)式的懶惰性和貪婪性
exec - > 正則的捕獲
每一次捕獲的時(shí)候都是先進(jìn)行默認(rèn)的匹配,如果沒(méi)有匹配成功的,捕獲的結(jié)果是null;只有有匹配的內(nèi)容我們才能捕獲到;
捕獲的內(nèi)容格式
1、捕獲到的內(nèi)容是一個(gè)數(shù)組,數(shù)組中的第一項(xiàng)是當(dāng)前正則捕獲的內(nèi)容
index:捕獲內(nèi)容在字符串中開(kāi)始的索引位置
input:捕獲的原始字符串
var reg = /\d+/; var str = 'woshi2016ni2017'; var res = reg.exec(str); console.log(res) // ['2016',index:5,input:'woshi2016ni2017'] //第二次通過(guò)exec捕獲的內(nèi)容還是第一個(gè)"2016" var res = reg.exec(str); console.log(res) // ['2016',index:5,input:'woshi2016ni2017']
2、正則捕獲的特點(diǎn)
1)、懶惰性->每一次執(zhí)行exec只捕獲第一個(gè)匹配的內(nèi)容,在不進(jìn)行任何處理的情況下,在執(zhí)行多次捕獲,捕獲的還是第一個(gè)匹配的內(nèi)容。
lastIndex:是正則每一次捕獲在字符串中開(kāi)始查找的位置,默認(rèn)值為0
2)、如何解決懶惰性?在正則的末尾加一個(gè)修飾符"g"
修飾符:g、i、m
global(g):全局匹配
ignoreCase(i):忽略大小寫(xiě)匹配
multiline(m):多行匹配
var reg = /\d/g; var str = 'woshi2016ni2017'; console.log(reg.lastIndex) console.log(reg.exec(str))
原理:加了全局修飾符g,正則每一次捕獲結(jié)束后,我們的lastIndex的值都變成了最新的值,下一次捕獲從最新的位置開(kāi)始查找,這樣就可以把所有需要捕獲的內(nèi)容都獲取到了
3)、自己編寫(xiě)程序獲取正則捕獲的所有的內(nèi)容(一定不要忘了加g)
var reg = /\d+/g; var str = 'aswofde2015xsewde2016awdefer2017'; var ary = []; var res = reg.exec(str); while(res){ ary.push(res[0]) res = reg.exec(str); } console.log(ary)//[2015,2016,2017]
4)、貪婪性 正則的每一次捕獲都是按照匹配最長(zhǎng)的結(jié)果捕獲的,例如:2符合正則、2015也符合正則,我們默認(rèn)捕獲的是2015
5)、如何解決正則的貪婪性 ->在量詞元字符后面添加一個(gè)?即可
var reg = /\d+?/g; var str = 'aswofde2015xsewde2016awdefer2017'; console.log(reg.exec(str));
?在正則中有很多的作用:
放在一個(gè)普通的元字符后面代表出現(xiàn)0-1次 /\d?/ ->數(shù)字可能出現(xiàn)也可能不出現(xiàn)
放在一個(gè)量詞的元字符后面是取消捕獲時(shí)候的貪婪性
3、字符串中的match方法->把所有和正則匹配的字符都獲取到
var reg = /\d+?/g; var str = 'aswofde2015xsewde2016awdefer2017'; var ary = str.match(reg);//[2,0,1,5,2,0,1,6,2,0,1,7]
雖然在當(dāng)前的情況下match比我們的exec更加的簡(jiǎn)便一些,但是match中存在一些自己處理不了的問(wèn)題,在分組的捕獲的情況下,match只能捕獲大正則匹配的內(nèi)容,而對(duì)于小正則捕獲的內(nèi)容是無(wú)法獲取的
以上所述是小編給大家介紹的JS 學(xué)習(xí)總結(jié)之正則表達(dá)式的懶惰性和貪婪性,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- JavaScript惰性求值的一種實(shí)現(xiàn)方法示例
- JS設(shè)計(jì)模式之惰性模式(二)
- JavaScript學(xué)習(xí)筆記之惰性函數(shù)示例詳解
- JS優(yōu)化與惰性載入函數(shù)實(shí)例分析
- js正則表達(dá)式惰性匹配和貪婪匹配用法分析
- JavaScript AJAX之惰性載入函數(shù)
- 利用函數(shù)的惰性載入提高javascript代碼執(zhí)行效率
- JavaScript 函數(shù)惰性載入的實(shí)現(xiàn)及其優(yōu)點(diǎn)介紹
- 如何用JavaScript實(shí)現(xiàn)一個(gè)數(shù)組惰性求值庫(kù)
相關(guān)文章
JS實(shí)現(xiàn)的判斷方法、變量是否存在功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)的判斷方法、變量是否存在功能,涉及javascript針對(duì)變量、方法判斷與異常處理操作技巧,需要的朋友可以參考下2018-05-05JavaScript 阻止超鏈接跳轉(zhuǎn)的操作方法(多種寫(xiě)法)
很多朋友問(wèn)小編能否通過(guò)JavaScript來(lái)阻止超鏈接的跳轉(zhuǎn)呢,今天給大家通過(guò)多種寫(xiě)法來(lái)實(shí)現(xiàn)這一功能,具體實(shí)例代碼跟隨小編一起看看吧2021-06-06javascript canvas封裝動(dòng)態(tài)時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了javascript canvas封裝動(dòng)態(tài)時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09JavaScript 實(shí)現(xiàn)日期時(shí)間轉(zhuǎn)時(shí)間戳
這篇文章主要介紹了JavaScript 實(shí)現(xiàn)日期時(shí)間轉(zhuǎn)時(shí)間戳,文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-08-08javascript針對(duì)不確定函數(shù)的執(zhí)行方法
這篇文章主要介紹了javascript針對(duì)不確定函數(shù)的執(zhí)行方法,實(shí)例分析了eval函數(shù)及符號(hào)屬性兩種執(zhí)行方式,需要的朋友可以參考下2015-12-12js實(shí)現(xiàn)響應(yīng)按鈕點(diǎn)擊彈出可拖拽的非模態(tài)對(duì)話框完整實(shí)例【測(cè)試可用】
這篇文章主要介紹了js實(shí)現(xiàn)響應(yīng)按鈕點(diǎn)擊彈出可拖拽的非模態(tài)對(duì)話框,結(jié)合完整實(shí)例形式分析了原生JavaScript實(shí)現(xiàn)的可拖拽非模態(tài)對(duì)話框?qū)崿F(xiàn)技巧與使用方法,需要的朋友可以參考下2023-04-04詳解微信小程序-獲取用戶session_key,openid,unionid - 后端為nodejs
這篇文章主要介紹了微信小程序獲取session_key,openid,unionid的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04