淺析lastIndex對(duì)正則表達(dá)式結(jié)果的影響
前言
今天遇到一個(gè)問題,用正則表達(dá)式去檢查同一個(gè)字符串時(shí),交替返回true和false。無(wú)奈之下,重新翻了翻權(quán)威指南,發(fā)現(xiàn)罪魁禍?zhǔn)自瓉?lái)是lastIndex??稍诳刂婆_(tái)嘗試下
let reg = /[\d]/g //undefined reg.test(1) //true reg.test(1) //false
lastIndex
lastIndex在權(quán)威指南中是如下解釋:它是一個(gè)可讀/寫的整數(shù)。如果匹配模式帶有g(shù)修飾符,這個(gè)屬性存儲(chǔ)在整個(gè)字符串中下次索引的開始位置,這個(gè)屬性會(huì)被exec()和test()用到。還是上面的例子,觀察下lastIndex屬性
let reg = /[\d]/g //有修飾符g //undefined reg.lastIndex //0 reg.test(1) //true reg.lastIndex //匹配一次后,lastIndex改變 //1 reg.test(1) //從index 1 開始匹配 //false reg.lastIndex //0 reg.test(1) //true reg.lastIndex //1
第一次使用test()匹配成功后,lastIndex被設(shè)為匹配到的結(jié)束位置,就是1;第二次再test()時(shí),從index 1 開始匹配,匹配失敗,lastIndex重置為0 。這樣就造成了匹配結(jié)果與預(yù)期不符
解決
1、不使用 g 修飾符
reg = /[\d]/ ///[\d]/ reg.test(1) //true reg.test(1) //true reg.lastIndex //0 reg.test(1) //true reg.lastIndex 0
2、test()之后手動(dòng)設(shè)置lastIndex = 0
淺析正則表達(dá)式對(duì)象lastIndex屬性
js中正則表達(dá)式的使用方式有兩種,一種是正則表達(dá)式對(duì)象的方法,一種是字符串對(duì)象的方法,前者有exec(str)、test(str)兩個(gè)方法,后者有match(regexp)、replace(regexp)、search(regexp)、split(search)四個(gè)方法。當(dāng)作為正則表達(dá)式對(duì)象的方法使用時(shí),要特別注意它的lastIndex屬性。
var regexp = /abcd/g; var str = 'abcdefg'; alert(regexp.test(str)); //true alert(regexp.test(str)); //false alert(regexp.test(str)); //true
上面這段代碼運(yùn)行的結(jié)果分別是彈出true、false、true,考慮到用的是同一個(gè)正則模式,是不是讓人有點(diǎn)迷糊?
其實(shí)這正是正則表達(dá)式對(duì)象的lastIndex屬性在作怪。lastIndex從字面上來(lái)講就是最后一個(gè)索引,實(shí)際上它的意思是正則表達(dá)式開始下一次查找的索引位置,第一次的時(shí)候總是為0的,第一次查找完了的時(shí)候會(huì)把lastIndex的值設(shè)為匹配到得字符串的最后一個(gè)字符的索引位置加1,第二次查找的時(shí)候會(huì)從lastIndex這個(gè)位置開始,后面的以此類推。如果沒有找到,則會(huì)把lastIndex重置為0。要注意的是,lastIndex屬性只有在有全局標(biāo)志正則表達(dá)式中才有作用,如果我們把上面代碼中正則表達(dá)式的g標(biāo)志去掉,那么三次彈出的就都是true了。
exec()方法同樣是如此,exec()方法返回的是一個(gè)數(shù)組,數(shù)組的第一個(gè)元素是匹配到的字符串,之后的元素則分別對(duì)應(yīng)匹配到的字串,也就是正則表達(dá)式中用括號(hào)括起來(lái)的那些。如果使用exec()方法的正則表達(dá)式?jīng)]有全局標(biāo)志,則只會(huì)匹配第一個(gè),如果正則表達(dá)式有全局標(biāo)志,則可以循環(huán)使用exec()來(lái)得到所有的匹配,直到exec()返回null為止,也就是找不到匹配了。這里能夠循環(huán)使用同一個(gè)正則表達(dá)式的exec()方法,靠的就是lastIndex,因?yàn)閹謽?biāo)志的正則表達(dá)式每次匹配后都會(huì)更新lastIndex的值作為下次查找匹配的起點(diǎn)。
最后要說明的是字符串的正則方法里lastIndex屬性是不起作用的,不管正則模式是不是全局的。
總結(jié)
以上所述是小編給大家介紹的lastIndex對(duì)正則表達(dá)式結(jié)果的影響,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
Java正則相關(guān)的Pattern和Matcher類及遇到的坑
這篇文章主要介紹了Java正則相關(guān)的Pattern和Matcher類及遇到的坑,本文給大家提到了Matcher 里面的三個(gè)方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09正則表達(dá)式re.sub替換不完整的問題及完整解決方案
re.sub是個(gè)正則表達(dá)式方面的函數(shù),用來(lái)實(shí)現(xiàn)通過正則表達(dá)式,實(shí)現(xiàn)比普通字符串的replace更加強(qiáng)大的替換功能。這篇文章主要介紹了正則表達(dá)式re.sub替換不完整的問題及解決方案,需要的朋友可以參考下2018-08-08JavaScript常用的正則表達(dá)式表單驗(yàn)證代碼
驗(yàn)證表單的不同內(nèi)容用的是不同的正則表達(dá)式??蛻舳蓑?yàn)證常用的幾個(gè)。2010-12-12JS正則表達(dá)式一條龍講解(從原理和語(yǔ)法到JS正則)
JS正則表達(dá)式一條龍講解,從原理和語(yǔ)法到JS正則、ES6正則擴(kuò)展,最后再到正則實(shí)踐思路2017-04-04JS和C#實(shí)現(xiàn)的兩個(gè)正則替換功能示例分析
這篇文章主要介紹了JS和C#實(shí)現(xiàn)的兩個(gè)正則替換功能,結(jié)合具體實(shí)例形式分析了js與C#進(jìn)行字符串正則替換的相關(guān)實(shí)現(xiàn)方法與注意事項(xiàng),需要的朋友可以參考下2017-06-06正則表達(dá)式語(yǔ)法規(guī)則及在Javascript和C#中的使用方法
正則表達(dá)式通常被用來(lái)檢索和/或替換那些符合某個(gè)模式的文本內(nèi)容。許多程序設(shè)計(jì)語(yǔ)言都支持利用正則表達(dá)式進(jìn)行字符串操作2013-10-10