Javascript中使用exec進(jìn)行正則表達(dá)式全局匹配時的注意事項
更新時間:2011年11月27日 23:01:44 作者:
在 Javascript 中使用 exec 進(jìn)行正則表達(dá)式全局匹配時,有一個非常容易犯的錯誤,這是因為 exec() 在全局模式下的行為稍微有點復(fù)雜
本文就是介紹在使用 Javascript 中使用 exec 進(jìn)行正則表達(dá)式全局匹配時的注意事項。
先看一下常見的用法:
<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
// 也可以直接寫成 /http:\/\/([^/]+)/.exec('http://www.codebit.cn');
</script>
接下來看一下全局模式下的詭異事件:
<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')); // 并沒有返回期望的 http://YITU.org,YITU.org ,而是返回了 null
</script>
第二個語句并沒有返回期望的結(jié)果,而是返回了 null ,這是因為:
在全局模式下,當(dāng) exec() 找到了與表達(dá)式相匹配的文本時,在匹配后,它將把正則表達(dá)式對象的 lastIndex 屬性設(shè)置為匹配文本的最后一個字符的下一個位置。這就是說,您可以通過反復(fù)調(diào)用 exec() 方法來遍歷字符串中的所有匹配文本。當(dāng) exec() 再也找不到匹配的文本時,它將返回 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)第二段代碼中的問題,影響因素是 lastIndex ,所以我們可以通過將 lastIndex 手動置 0 的方式來解決這個問題。
<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é):
在全局模式下,如果在一個字符串中完成了一次模式匹配之后要開始檢索新的字符串,就必須手動地把 lastIndex 屬性重置為 0。
先看一下常見的用法:
復(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
// 也可以直接寫成 /http:\/\/([^/]+)/.exec('http://www.codebit.cn');
</script>
接下來看一下全局模式下的詭異事件:
復(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')); // 并沒有返回期望的 http://YITU.org,YITU.org ,而是返回了 null
</script>
第二個語句并沒有返回期望的結(jié)果,而是返回了 null ,這是因為:
在全局模式下,當(dāng) exec() 找到了與表達(dá)式相匹配的文本時,在匹配后,它將把正則表達(dá)式對象的 lastIndex 屬性設(shè)置為匹配文本的最后一個字符的下一個位置。這就是說,您可以通過反復(fù)調(diào)用 exec() 方法來遍歷字符串中的所有匹配文本。當(dāng) exec() 再也找不到匹配的文本時,它將返回 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)第二段代碼中的問題,影響因素是 lastIndex ,所以我們可以通過將 lastIndex 手動置 0 的方式來解決這個問題。
復(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é):
在全局模式下,如果在一個字符串中完成了一次模式匹配之后要開始檢索新的字符串,就必須手動地把 lastIndex 屬性重置為 0。
您可能感興趣的文章:
- javascript中使用replaceAll()函數(shù)實現(xiàn)字符替換的方法
- Javascript中正則表達(dá)式的全局匹配模式分析
- JavaScript實現(xiàn)的字符串replaceAll函數(shù)代碼分享
- javascript實現(xiàn)全局匹配并替換的方法
- java中replaceAll替換圓括號實例代碼
- Java中replace與replaceAll的區(qū)別與測試
- java字符串的替換replace、replaceAll、replaceFirst的區(qū)別說明
- Java replaceAll()方法報錯Illegal group reference的解決辦法
- String.replaceAll方法詳析(正則妙用)
- 淺談Java中replace與replaceAll區(qū)別
- Java中replace、replaceAll和replaceFirst函數(shù)的用法小結(jié)
- 淺談java中replace()和replaceAll()的區(qū)別
- jQuery中replaceAll()方法用法實例
- js使用正則實現(xiàn)ReplaceAll全部替換的方法
- js字符串替換所有的指定字符或文字(推薦replaceAll方法)
- JS中實現(xiàn)replaceAll的方法(實例代碼)
- js replace 與replaceall實例用法詳解
- Flex 字符串ReplaceAll使用說明
- JavaScript中使用replace結(jié)合正則實現(xiàn)replaceAll的效果
相關(guān)文章
超強(qiáng)變態(tài)的正則(\w)((?=\1\1\1)(\1))+講解
這篇文章主要介紹了超強(qiáng)變態(tài)的正則(\w)((?=\1\1\1)(\1))+等好幾個比較強(qiáng)大到變態(tài)的規(guī)則,這里跟著腳本之家小編一起學(xué)習(xí)吧2020-02-02
自動檢測數(shù)字替換非數(shù)字的正則表達(dá)式
這篇文章主要介紹了自動檢測數(shù)字替換非數(shù)字的正則表達(dá)式 ,需要的朋友可以參考下2016-05-05
關(guān)于內(nèi)容的分離,正則抽出圖片(一定要加精哦)
我們在加內(nèi)容時,無論你怎么樣排版都好,我們都是無法將里面的圖片或是別的什么東西抽出來的.2009-01-01
讓editplus3 函數(shù)模板完全顯示函數(shù)
我是常常使用editplus ,主要是它啟動快,文件小,自定義代碼,綠色。發(fā)現(xiàn)當(dāng)用他打開php有一個快捷鍵ctrl+F11可以打開函數(shù)列表,也就是文件內(nèi)所有的函數(shù)名會顯示在列表中,雙擊會選中函數(shù),非常方便2012-10-10
PHP html標(biāo)簽正則替換并可自定義正則規(guī)則
PHP有個去除HTML標(biāo)簽的函數(shù)strip_tags,不過對于某些特殊符號不好使,下面這個函數(shù)的功能非常強(qiáng)大,同時用戶還可以根據(jù)自己的需要進(jìn)行正則替換.2010-05-05

