正确使用带有"g"标记的javascript正则表达式

技术  /  管理员 发布于 6年前   305

下面我们要谈谈带有"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的更多解释请看这里

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