Javascript中使用exec進(jìn)行正則表達(dá)式全局匹配時(shí)的注意事項(xiàng)
更新時(shí)間：2011年11月27日 23:01:44 作者：
在 Javascript 中使用 exec 進(jìn)行正則表達(dá)式全局匹配時(shí)，有一個(gè)非常容易犯的錯(cuò)誤，這是因?yàn)?exec() 在全局模式下的行為稍微有點(diǎn)復(fù)雜
本文就是介紹在使用 Javascript 中使用 exec 進(jìn)行正則表達(dá)式全局匹配時(shí)的注意事項(xiàng)。
先看一下常見(jiàn)的用法：
<script type="text/javascript">
var pattern = /http:\/\/([^\/\s]+)/;
alert(pattern.exec('http://www.codebit.cn')); // http://www.codebit.cn,www.codebit.cn
alert(pattern.exec('http://YITU.org')); // http://YITU.org,YITU.org
// 也可以直接寫(xiě)成 /http:\/\/([^/]+)/.exec('http://www.codebit.cn');
</script>
接下來(lái)看一下全局模式下的詭異事件：
<script type="text/javascript">
var pattern = /http:\/\/([^\/\s]+)/g; // 使用了 g 修飾符
alert(pattern.exec('http://www.codebit.cn')); // http://www.codebit.cn,www.codebit.cn
alert(pattern.exec('http://YITU.org')); // 并沒(méi)有返回期望的 http://YITU.org,YITU.org ，而是返回了 null
</script>
第二個(gè)語(yǔ)句并沒(méi)有返回期望的結(jié)果，而是返回了 null ，這是因?yàn)椋?
在全局模式下，當(dāng) exec() 找到了與表達(dá)式相匹配的文本時(shí)，在匹配后，它將把正則表達(dá)式對(duì)象的 lastIndex 屬性設(shè)置為匹配文本的最后一個(gè)字符的下一個(gè)位置。這就是說(shuō)，您可以通過(guò)反復(fù)調(diào)用 exec() 方法來(lái)遍歷字符串中的所有匹配文本。當(dāng) exec() 再也找不到匹配的文本時(shí)，它將返回 null，并把 lastIndex 屬性重置為 0。
下面是正常的全局模式下的匹配方式：
<script type="text/javascript">
var pattern = /http:\/\/([^\/\s]+)/g;
var str = "CodeBit.cn : http://www.codebit.cn | YITU.org : http://YITU.org";
var result;
while ((result = pattern.exec(str)) != null) {
alert("Result : " + result + " LastIndex : " + pattern.lastIndex);
}
//Result : http://www.codebit.cn,www.codebit.cn LastIndex : 34
//Result : http://YITU.org,YITU.org LastIndex : 67
</script>
從上面的代碼我們可以看到，之所以出現(xiàn)第二段代碼中的問(wèn)題，影響因素是 lastIndex ，所以我們可以通過(guò)將 lastIndex 手動(dòng)置 0 的方式來(lái)解決這個(gè)問(wèn)題。
<script type="text/javascript">
var pattern = /http:\/\/([^\/\s]+)/g; // 使用了 g 修飾符
alert(pattern.exec('http://www.codebit.cn')); // http://www.codebit.cn,www.codebit.cn
pattern.lastIndex = 0;
alert(pattern.exec('http://YITU.org')); // http://YITU.org,YITU.org
</script>
總結(jié)：
在全局模式下，如果在一個(gè)字符串中完成了一次模式匹配之后要開(kāi)始檢索新的字符串，就必須手動(dòng)地把 lastIndex 屬性重置為 0。
先看一下常見(jiàn)的用法：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var pattern = /http:\/\/([^\/\s]+)/;
alert(pattern.exec('http://www.codebit.cn')); // http://www.codebit.cn,www.codebit.cn
alert(pattern.exec('http://YITU.org')); // http://YITU.org,YITU.org
// 也可以直接寫(xiě)成 /http:\/\/([^/]+)/.exec('http://www.codebit.cn');
</script>
接下來(lái)看一下全局模式下的詭異事件：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var pattern = /http:\/\/([^\/\s]+)/g; // 使用了 g 修飾符
alert(pattern.exec('http://www.codebit.cn')); // http://www.codebit.cn,www.codebit.cn
alert(pattern.exec('http://YITU.org')); // 并沒(méi)有返回期望的 http://YITU.org,YITU.org ，而是返回了 null
</script>
第二個(gè)語(yǔ)句并沒(méi)有返回期望的結(jié)果，而是返回了 null ，這是因?yàn)椋?
在全局模式下，當(dāng) exec() 找到了與表達(dá)式相匹配的文本時(shí)，在匹配后，它將把正則表達(dá)式對(duì)象的 lastIndex 屬性設(shè)置為匹配文本的最后一個(gè)字符的下一個(gè)位置。這就是說(shuō)，您可以通過(guò)反復(fù)調(diào)用 exec() 方法來(lái)遍歷字符串中的所有匹配文本。當(dāng) exec() 再也找不到匹配的文本時(shí)，它將返回 null，并把 lastIndex 屬性重置為 0。
下面是正常的全局模式下的匹配方式：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var pattern = /http:\/\/([^\/\s]+)/g;
var str = "CodeBit.cn : http://www.codebit.cn | YITU.org : http://YITU.org";
var result;
while ((result = pattern.exec(str)) != null) {
alert("Result : " + result + " LastIndex : " + pattern.lastIndex);
}
//Result : http://www.codebit.cn,www.codebit.cn LastIndex : 34
//Result : http://YITU.org,YITU.org LastIndex : 67
</script>
從上面的代碼我們可以看到，之所以出現(xiàn)第二段代碼中的問(wèn)題，影響因素是 lastIndex ，所以我們可以通過(guò)將 lastIndex 手動(dòng)置 0 的方式來(lái)解決這個(gè)問(wèn)題。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var pattern = /http:\/\/([^\/\s]+)/g; // 使用了 g 修飾符
alert(pattern.exec('http://www.codebit.cn')); // http://www.codebit.cn,www.codebit.cn
pattern.lastIndex = 0;
alert(pattern.exec('http://YITU.org')); // http://YITU.org,YITU.org
</script>
總結(jié)：
在全局模式下，如果在一個(gè)字符串中完成了一次模式匹配之后要開(kāi)始檢索新的字符串，就必須手動(dòng)地把 lastIndex 屬性重置為 0。
您可能感興趣的文章:
- javascript中使用replaceAll()函數(shù)實(shí)現(xiàn)字符替換的方法
- Javascript中正則表達(dá)式的全局匹配模式分析
- JavaScript實(shí)現(xiàn)的字符串replaceAll函數(shù)代碼分享
- javascript實(shí)現(xiàn)全局匹配并替換的方法
- java中replaceAll替換圓括號(hào)實(shí)例代碼
- Java中replace與replaceAll的區(qū)別與測(cè)試
- java字符串的替換replace、replaceAll、replaceFirst的區(qū)別說(shuō)明
- Java replaceAll()方法報(bào)錯(cuò)Illegal group reference的解決辦法
- String.replaceAll方法詳析(正則妙用)
- 淺談Java中replace與replaceAll區(qū)別
- Java中replace、replaceAll和replaceFirst函數(shù)的用法小結(jié)
- 淺談java中replace()和replaceAll()的區(qū)別
- jQuery中replaceAll()方法用法實(shí)例
- js使用正則實(shí)現(xiàn)ReplaceAll全部替換的方法
- js字符串替換所有的指定字符或文字(推薦replaceAll方法)
- JS中實(shí)現(xiàn)replaceAll的方法(實(shí)例代碼)
- js replace 與replaceall實(shí)例用法詳解
- Flex 字符串ReplaceAll使用說(shuō)明
- JavaScript中使用replace結(jié)合正則實(shí)現(xiàn)replaceAll的效果
相關(guān)文章
js判斷是否有6個(gè)連續(xù)數(shù)字的字符串的正則
js判斷是否有6個(gè)連續(xù)數(shù)字的字符串的正則2009-09-09
js中用正則表達(dá)式 過(guò)濾特殊字符 ,校驗(yàn)所有輸入域是否含有特殊符號(hào)2010-09-09
正則表達(dá)式與數(shù)學(xué)（方程式、線性方程）
大清早的打QQ去，收到一位網(wǎng)友的信息。問(wèn)得是正則表達(dá)式判斷素?cái)?shù)的。去年看到過(guò)，沒(méi)記錄下來(lái)。
2011-04-04 ![JavaScript 表單驗(yàn)證正則表達(dá)式大全[推薦]](http://img.jbzj.com/images/xgimg/bcimg4.png)
JavaScript 表單驗(yàn)證正則表達(dá)式大全[推薦]
JavaScript驗(yàn)證正則表達(dá)式大全,搜集最全的JavaScript驗(yàn)證正則表達(dá)式,開(kāi)始查看吧，這里的都是正則表達(dá)式的例子
2009-08-08 
PHP正則校驗(yàn)email的代碼相信好好學(xué)過(guò)PHP的人都應(yīng)該知道下面這段用于eamil校驗(yàn)的語(yǔ)句，但是真正能看懂的就不多了。
2009-10-10 
超強(qiáng)變態(tài)的正則(\w)((?=\1\1\1)(\1))+講解
這篇文章主要介紹了超強(qiáng)變態(tài)的正則(\w)((?=\1\1\1)(\1))+等好幾個(gè)比較強(qiáng)大到變態(tài)的規(guī)則，這里跟著腳本之家小編一起學(xué)習(xí)吧
2020-02-02 
由MySQL提供的模式匹配的其他類型是使用擴(kuò)展正則表達(dá)式。當(dāng)你對(duì)這類模式進(jìn)行匹配測(cè)試時(shí)，使用REGEXP和NOT REGEXP操作符(或RLIKE和NOT RLIKE，它們是同義詞)。
2009-10-10 
詳解正則表達(dá)式Matcher類中g(shù)roup方法
這篇文章主要介紹了正則表達(dá)式Matcher類中g(shù)roup方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-08-08 
下午和kindle聊天的時(shí)候,他讓我看一個(gè)正則,問(wèn)我知不知道其中?:的作用,以偶半瓶水的正則功力,不知道雜解釋給他聽(tīng)了,單個(gè)一個(gè)還好理解,一起就不明白了,起碼我是沒(méi)用過(guò)..查了下資料,說(shuō)說(shuō)我的看法..
2010-12-12