正确使用带有"g"标记的javascript正则表达式
2009-05-29 20:50
585 查看
下面我们要谈谈带有"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的更多解释请看这里
至此我们已经明白问题出现的本质,以及如何较好的解决这样的问题,希望本文对一些人有帮助。
复制代码 代码如下:
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的更多解释请看这里
至此我们已经明白问题出现的本质,以及如何较好的解决这样的问题,希望本文对一些人有帮助。
您可能感兴趣的文章:
相关文章推荐
- 正确使用带有"g"标记的javascript正则表达式
- 如何正确使用带有"g"标记的javascript正则表达式
- 输入一个Email地址,然后使用正则表达式验证该Email地址是否正确。
- 输入一个Email地址,然后使用正则表达式验证该Email地址是否正确。
- javascript中使用正则表达式实现删除字符串中的前后空格
- javascript中使用正则表达式删除前后空格的方法
- javascript使用正则表达式
- javascript中使用正则表达式
- JavaScript中的正则表达式使用及验证qq号码的正则
- 在JavaScript的正则表达式中使用exec()方法
- 在Javascript中使用正则表达式
- [Javascript] String.replace 正则表达式及替换函数使用 $ 字符
- 正则表达式使用详解 (php,perl,unix,javascript) (有点意思)
- "php"正则表达式使用总结
- Android 使用正则表达式验证邮箱格式是否正确
- 输入一个Email地址,然后使用正则表达式验证该Email地址是否正确。
- 详解Javascript中正则表达式的使用
- javascript中的正则表达式使用指南
- 如何使用JavaScript和正则表达式进行数据验证
- 【坑】javascript使用正则表达式验证数字的时候的画蛇添足