淺析lastIndex對正則表達式結果的影響

前言

　　今天遇到一個問題，用正則表達式去檢查同一個字符串時，交替返回true和false。無奈之下，重新翻了翻權威指南，發(fā)現罪魁禍首原來是lastIndex。可在控制臺嘗試下

let reg = /[\d]/g
//undefined
reg.test(1)
//true
reg.test(1)
//false

lastIndex

　　lastIndex在權威指南中是如下解釋：它是一個可讀/寫的整數。如果匹配模式帶有g修飾符，這個屬性存儲在整個字符串中下次索引的開始位置，這個屬性會被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被設為匹配到的結束位置，就是1；第二次再test()時，從index 1 開始匹配，匹配失敗，lastIndex重置為0 。這樣就造成了匹配結果與預期不符

解決

　　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()之后手動設置lastIndex = 0

淺析正則表達式對象lastIndex屬性

js中正則表達式的使用方式有兩種，一種是正則表達式對象的方法，一種是字符串對象的方法，前者有exec(str)、test(str)兩個方法，后者有match(regexp)、replace(regexp)、search(regexp)、split(search)四個方法。當作為正則表達式對象的方法使用時，要特別注意它的lastIndex屬性。

var regexp = /abcd/g;
var str = 'abcdefg';
alert(regexp.test(str)); //true
alert(regexp.test(str)); //false
alert(regexp.test(str)); //true

上面這段代碼運行的結果分別是彈出true、false、true,考慮到用的是同一個正則模式，是不是讓人有點迷糊？

其實這正是正則表達式對象的lastIndex屬性在作怪。lastIndex從字面上來講就是最后一個索引，實際上它的意思是正則表達式開始下一次查找的索引位置，第一次的時候總是為0的，第一次查找完了的時候會把lastIndex的值設為匹配到得字符串的最后一個字符的索引位置加1，第二次查找的時候會從lastIndex這個位置開始，后面的以此類推。如果沒有找到，則會把lastIndex重置為0。要注意的是，lastIndex屬性只有在有全局標志正則表達式中才有作用，如果我們把上面代碼中正則表達式的g標志去掉，那么三次彈出的就都是true了。

exec()方法同樣是如此,exec()方法返回的是一個數組，數組的第一個元素是匹配到的字符串，之后的元素則分別對應匹配到的字串，也就是正則表達式中用括號括起來的那些。如果使用exec()方法的正則表達式沒有全局標志，則只會匹配第一個，如果正則表達式有全局標志，則可以循環(huán)使用exec()來得到所有的匹配，直到exec()返回null為止，也就是找不到匹配了。這里能夠循環(huán)使用同一個正則表達式的exec()方法，靠的就是lastIndex，因為帶全局標志的正則表達式每次匹配后都會更新lastIndex的值作為下次查找匹配的起點。

最后要說明的是字符串的正則方法里lastIndex屬性是不起作用的，不管正則模式是不是全局的。

總結

以上所述是小編給大家介紹的lastIndex對正則表達式結果的影響，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！