正確使用帶有"g"標(biāo)記的javascript正則表達(dá)式
更新時(shí)間:2009年05月29日 20:50:15 作者:
javascript正則表達(dá)式是對(duì)字符串執(zhí)行模式匹配的強(qiáng)大工具。正確使用它會(huì)給我們的工作帶來很大的便利。可是有些地方由于我們沒有太注意或者根本不理解,就會(huì)遇到不可預(yù)料的麻煩。
下面我們要談?wù)剮в?g" 標(biāo)記的正則表達(dá)式的使用問題,首先讓我們看一段代碼,從例子入手更容易理解。
1 function a(val)
2 {
3 var re = /^\d+$/g;
4 alert(re.lastIndex);
5 return re.test(val);
6 }
7 alert(a(5));
8 alert(a(6));
運(yùn)行上述代碼,在不同瀏覽器中會(huì)得到不同結(jié)果,IE中:0 true 0 true,FF和Chrome中:0 true 1 false,看到這里,想必會(huì)有人一頭霧水,感到詫異。針對(duì)這個(gè)問題,就我目前查閱資料,找到了兩種方法。
1、使用match
1 function a(val)
2
3 {
4
5 var re = /^\d+$/g;
6
7 if((""+val).match(re))
8
9 return true;
10
11 else
12
13 return false;
14
15 }
16
17 alert(a(5));
18
19 alert(a(6));
注:要使用""+val把val轉(zhuǎn)化為字符串,關(guān)于match的具體使用方法可參考這里
2、使用不帶"g" 的正則表達(dá)式(var re=/^\d+$/或var re=new RegExp("^[0-9]+$"))
1 function a(val)
2
3 {
4
5 var re = new RegExp("^[0-9]+$");//或者var re=/^\d+$/;
6
7 return re.test(val);
8
9 }
10
11 alert(a(5));
12
13 alert(a(6));
14
15
注:var re = new RegExp("^[0-9]+$")中只能用[0-9],不能用\d,至于為什么,我不很明白,希望哪位知道的給講講。
不難看出,上面兩種方法是從側(cè)面考慮怎么解決問題 的,沒有從正面解決,接下來我們從問題出現(xiàn)的本質(zhì)上分析一下,并給出解決方法。
要從問題出現(xiàn)的本質(zhì)考慮,我們就不得不從"g" 標(biāo)記說起,帶有"g"標(biāo)記的正則表達(dá)式有一個(gè)屬性lastIndex,該屬性存放一個(gè)整數(shù),它聲明的是上一次匹配文本之后的第一個(gè)字符的位置。上次匹配的結(jié)果是由方法 RegExp.exec() 和 RegExp.test() 找到的,它們都以 lastIndex 屬性所指的位置作為下次檢索的起始點(diǎn)。這樣,就可以通過反復(fù)調(diào)用這兩個(gè)方法來遍歷一個(gè)字符串中的所有匹配文本。該屬性是可讀可寫的。只要目標(biāo)字符串的下一次搜索開始,就可以對(duì)它進(jìn)行設(shè)置。當(dāng)方法 exec() 或 test() 再也找不到可以匹配的文本時(shí),它們會(huì)自動(dòng)把 lastIndex 屬性重置為 0。看到這里我們不難看出問題出現(xiàn)的原因和解決方法了,只要我們?cè)谙麓嗡阉髦鞍裭astIndex屬性重置為0即可,如下:
1 function a(val)
2
3 {
4
5 var re = /^\d+$/g;
6
7 re.lastIndex=0;//重置lastIndex為0
8
9 return re.test(val);
10
11 }
12
13 alert(a(5));
14
15 alert(a(6));
關(guān)于lastIndex的更多解釋請(qǐng)看這里
至此我們已經(jīng)明白問題出現(xiàn)的本質(zhì),以及如何較好的解決這樣的問題,希望本文對(duì)一些人有幫助。
復(fù)制代碼 代碼如下:
1 function a(val)
2 {
3 var re = /^\d+$/g;
4 alert(re.lastIndex);
5 return re.test(val);
6 }
7 alert(a(5));
8 alert(a(6));
運(yùn)行上述代碼,在不同瀏覽器中會(huì)得到不同結(jié)果,IE中:0 true 0 true,FF和Chrome中:0 true 1 false,看到這里,想必會(huì)有人一頭霧水,感到詫異。針對(duì)這個(gè)問題,就我目前查閱資料,找到了兩種方法。
1、使用match
復(fù)制代碼 代碼如下:
1 function a(val)
2
3 {
4
5 var re = /^\d+$/g;
6
7 if((""+val).match(re))
8
9 return true;
10
11 else
12
13 return false;
14
15 }
16
17 alert(a(5));
18
19 alert(a(6));
注:要使用""+val把val轉(zhuǎn)化為字符串,關(guān)于match的具體使用方法可參考這里
2、使用不帶"g" 的正則表達(dá)式(var re=/^\d+$/或var re=new RegExp("^[0-9]+$"))
復(fù)制代碼 代碼如下:
1 function a(val)
2
3 {
4
5 var re = new RegExp("^[0-9]+$");//或者var re=/^\d+$/;
6
7 return re.test(val);
8
9 }
10
11 alert(a(5));
12
13 alert(a(6));
14
15
注:var re = new RegExp("^[0-9]+$")中只能用[0-9],不能用\d,至于為什么,我不很明白,希望哪位知道的給講講。
不難看出,上面兩種方法是從側(cè)面考慮怎么解決問題 的,沒有從正面解決,接下來我們從問題出現(xiàn)的本質(zhì)上分析一下,并給出解決方法。
要從問題出現(xiàn)的本質(zhì)考慮,我們就不得不從"g" 標(biāo)記說起,帶有"g"標(biāo)記的正則表達(dá)式有一個(gè)屬性lastIndex,該屬性存放一個(gè)整數(shù),它聲明的是上一次匹配文本之后的第一個(gè)字符的位置。上次匹配的結(jié)果是由方法 RegExp.exec() 和 RegExp.test() 找到的,它們都以 lastIndex 屬性所指的位置作為下次檢索的起始點(diǎn)。這樣,就可以通過反復(fù)調(diào)用這兩個(gè)方法來遍歷一個(gè)字符串中的所有匹配文本。該屬性是可讀可寫的。只要目標(biāo)字符串的下一次搜索開始,就可以對(duì)它進(jìn)行設(shè)置。當(dāng)方法 exec() 或 test() 再也找不到可以匹配的文本時(shí),它們會(huì)自動(dòng)把 lastIndex 屬性重置為 0。看到這里我們不難看出問題出現(xiàn)的原因和解決方法了,只要我們?cè)谙麓嗡阉髦鞍裭astIndex屬性重置為0即可,如下:
復(fù)制代碼 代碼如下:
1 function a(val)
2
3 {
4
5 var re = /^\d+$/g;
6
7 re.lastIndex=0;//重置lastIndex為0
8
9 return re.test(val);
10
11 }
12
13 alert(a(5));
14
15 alert(a(6));
關(guān)于lastIndex的更多解釋請(qǐng)看這里
至此我們已經(jīng)明白問題出現(xiàn)的本質(zhì),以及如何較好的解決這樣的問題,希望本文對(duì)一些人有幫助。
相關(guān)文章
正則表達(dá)式匹配0-10的正整數(shù)以及使用細(xì)節(jié)
我們可以使用正則表達(dá)式來代表一些我們希望的字符串類型,比如正整數(shù),下面這篇文章主要給大家介紹了關(guān)于正則表達(dá)式匹配0-10的正整數(shù)以及使用細(xì)節(jié)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
JavaScript中常用的正則表達(dá)式日常整理(全)
本篇文章是小編日常整理有關(guān)js常用的正則表達(dá)式,比較全面,對(duì)大家學(xué)習(xí)javascript正則表達(dá)式非常有用,需要的朋友一起學(xué)習(xí)吧2015-09-09
JavaScript正則表達(dá)式校驗(yàn)非零的正整數(shù)實(shí)例
本文分享了JavaScript正則表達(dá)式(^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?[1-9][0-9]*$)校驗(yàn)非零的正整數(shù)實(shí)例代碼,代碼簡(jiǎn)單易懂,需要的朋友可以看下2016-12-12

