先看一下常見的用法:
:
| 代碼如下 |
複製代碼 |
<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> |
第二個語句並沒有返回期望的結果,而是返回了 null ,這是因為:
在全域模式下,當 exec() 找到了與運算式相匹配的文本時,在匹配後,它將把Regex對象的 lastIndex 屬性設定為匹配文本的最後一個字元的下一個位置。這就是說,您可以通過反覆調用 exec() 方法來遍曆字串中的所有匹配文本。當 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> |
從上面的代碼我們可以看到,之所以出現第二段代碼中的問題,影響因素是 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> |
總結:
在全域模式下,如果在一個字串中完成了一次模式比對之後要開始檢索新的字串,就必須手動地把 lastIndex 屬性重設為 0