2009年5月27日

javascript正则表达式是对字符串执行模式匹配的强大工具。正确使用它会给我们的工作带来很大的便利。可是有些地方由于我们没有太注意或者根本不理解,就会遇到不可预料的麻烦。

下面我们要谈谈带有"g" 标记的正则表达式的使用问题,首先让我们看一段代码,从例子入手更容易理解。

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));

运行上述代码,在不同浏览器中会得到不同结果,IE中:0 true 0 true,FF和Chrome中:0 true 1 false,看到这里,想必会有人一头雾水,感到诧异。针对这个问题,就我目前查阅资料,找到了两种方法。

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转化为字符串,关于match的具体使用方法可参考这里

2、使用不带"g" 的正则表达式(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,至于为什么,我不很明白,希望哪位知道的给讲讲。

不难看出,上面两种方法是从侧面考虑怎么解决问题 的,没有从正面解决,接下来我们从问题出现的本质上分析一下,并给出解决方法。

要从问题出现的本质考虑,我们就不得不从"g" 标记说起,带有"g"标记的正则表达式有一个属性lastIndex,该属性存放一个整数,它声明的是上一次匹配文本之后的第一个字符的位置。上次匹配的结果是由方法 RegExp.exec() 和 RegExp.test() 找到的,它们都以 lastIndex 属性所指的位置作为下次检索的起始点。这样,就可以通过反复调用这两个方法来遍历一个字符串中的所有匹配文本。该属性是可读可写的。只要目标字符串的下一次搜索开始,就可以对它进行设置。当方法 exec() 或 test() 再也找不到可以匹配的文本时,它们会自动把 lastIndex 属性重置为 0。看到这里我们不难看出问题出现的原因和解决方法了,只要我们在下次搜索之前把lastIndex属性重置为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)); 

关于lastIndex的更多解释请看这里

 至此我们已经明白问题出现的本质,以及如何较好的解决这样的问题,希望本文对一些人有帮助。

 

posted @ 2009-05-27 23:37 奋斗的小涛 阅读(606) 评论(5) 编辑
 

今天看了一段javascript代码,如下:

 1      var i = 1;
 2 
 3       function Test() {
 4 
 5         var aa = 33;
 6 
 7         i = i + 1;
 8 
 9         for (var i = 0; i < 3; i++) {
10 
11           aa = aa + i;
12 
13           for (var i = 0; i < 3; i++) {
14 
15             aa = aa + i;
16 
17           }
18 
19         }
20 
21         alert(aa);//36
22 
23         alert(i);//4
24 
25       }
26 
27       Test();
28 

29       alert(i); //1 

感觉挺迷惑的,于是便放到本地调了调,发现这段代码有很多问题。 其中定义了三个变量,都叫i,并且还有一个循环,里面又嵌了一个循环,想必有人看到后都有点模棱两可的感觉。运行这段代码,执行的结果如下(注释所示):

36

4

1 

 

接下来是我的一些理解和看法。

首先,test()函数中的“ i = i + 1;”是多余的,因为test()函数里定义了变量i并且是在这行代码后面赋的值0,其实此时i还未定义,所以这行代码是可以删除的。

其次,test()函数里定义的两个i,让我看来是同一个变量,外层循环其实只进行了一次,内层循环进行三次后,aa值变成了36,i值变成了3,返回到外层循环后,i值加1,即变成了4 ,最后一个输出1是全局变量i,即第一个变量i的值。

本人也是从实践和猜测得出上面的一些结论的,可能什么地方说的不对或者言辞不当,还请各位批评指正,也请大家说说自己的看法。

 

posted @ 2009-05-27 16:54 奋斗的小涛 阅读(88) 评论(2) 编辑