前言
今天遇到一個(gè)問題,用正則表達(dá)式去檢查同一個(gè)字符串時(shí),交替返回true和false。無奈之下,重新翻了翻權(quán)威指南,發(fā)現(xiàn)罪魁禍?zhǔn)自瓉硎莑astIndex??稍诳刂婆_(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從字面上來講就是最后一個(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)括起來的那些。如果使用exec()方法的正則表達(dá)式?jīng)]有全局標(biāo)志,則只會(huì)匹配第一個(gè),如果正則表達(dá)式有全局標(biāo)志,則可以循環(huán)使用exec()來得到所有的匹配,直到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)站的支持!
您可能感興趣的文章:- JS中正則表達(dá)式要注意lastIndex屬性
- 淺析正則表達(dá)式中的lastIndex以及預(yù)查
- js正則表達(dá)式之RegExp對(duì)象屬性lastIndex,lastMatch,lastParen,lastContext,rightContext屬性講解
- Javascript lastIndex 正則表達(dá)式的一個(gè)疑惑