1.前言

今天朋友問我一個問題，我現(xiàn)在需要多次匹配同一個內(nèi)容，但是為什么我第一次匹配，直接是 true，而第二次匹配確實 false 呢？

var s1 = "MRLP";
var s2 = "MRLP";
var reg = /mrlp/ig;
console.log(reg.test(s1));
console.log(reg.test(s2));

這時候你會發(fā)現(xiàn)，我們在連續(xù)使用一個正則匹配其他字符串的時候，第一次匹配是 true，而第二次匹配則是 false。

等等，WHT？我匹配的是 MRLP，而且我還特意加上i 用于不區(qū)分大小寫，可以為什么第一次可以正常匹配，第二次就不行了呢？

這也就是我今天要跟大家說的，關(guān)于 JS 中的 lastIndex。

2. lastIndex

在開始講解之前，首先先帶大家簡單回顧一下 JS中正則表達式的使用方式。

JS 中正則表達式的使用方式有兩種:

第一種是正則表達式對象的方法，常用方法有兩個。

• exec(str) : 檢索字符串中指定的值。返回找到的值，并確定其位置
• test(str) : 檢索字符串中指定的值。返回 true 或 false
  

第二種是字符串對象的方法，常用方法有四個。

1. match(regexp) : 找到一個或多個正則表達式的匹配
2. replace(regexp) : 替換與正則表達式匹配的子串
3. search(regexp) : 檢索與正則表達式相匹配的值
4. split(search) : 把字符串分割為字符串?dāng)?shù)組
   

而這些方法和咱們今天所說的 lastIndex 有什么關(guān)系呢？

lastIndex 屬性用于規(guī)定下次匹配的起始位置。

上次匹配的結(jié)果是由方法 RegExp.exec( ) 和 RegExp.test( ) 找到的，它們都以 lastIndex 屬性所指的位置作為下次檢索的起始點。

這樣，就可以通過反復(fù)調(diào)用這兩個方法來遍歷一個字符串中的所有匹配文本。

而且需要注意，該屬性只有設(shè)置標(biāo)志 g才能使用。

既然已經(jīng)知道這個東西的形成原因，那么解決起來就非常簡單了。

3.解決方案

3.1 第一種解決方案

如上面所述，我們 lastIndex 屬性必須要設(shè)置 g 標(biāo)簽才能使用。

那么我們在匹配的時候，可以根據(jù)情況，直接去掉 g 標(biāo)簽就可以啦。

var s1 = "MRLP";
var s2 = "MRLP";
var reg = /mrlp/i;
console.log(reg.test(s1)); //true
console.log(reg.test(s2)); //true

3.2 第二種解決方案

很多時候，我們必須要執(zhí)行 全局匹配（ g ），這時候就不能使用第一種方案了。

其實，我們的lastIndex 屬性是可讀可寫的。

只要目標(biāo)字符串的下一次搜索開始，就可以對它進行設(shè)置。

當(dāng)方法 exec() 或 test() 再也找不到可以匹配的文本時，它們會自動把 lastIndex 屬性重置為 0。

這樣，我們再次執(zhí)行全局匹配的時候，就不會出現(xiàn) false 的情況了。

var s1 = "3206064928：MRLP：3206064928";
var s2 = "MRLP";
var reg = /mrlp/ig;
console.log(reg.test(s1)); //true
console.log(reg.lastIndex);  //reg.lastIndex = 15
reg.lastIndex = 0;     //這里我將 lastIndex 重置為 0
console.log(reg.test(s2)); //true

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

最新評論