js正则表达式test方法的问题

本文主要是介绍js正则表达式test方法的问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

今天在网上碰到一个帖子，写了一个关于Regex的奇怪现象，(文章来源http://www.php100.com/html/webkaifa/javascript/2007/0109/1866.html)

代码如下

<script type="text/javascript">
<!--
var re = /^\d+(?:\.\d)?$/ig;   alert(re.test('112.3'));
alert(re.test('112.3'));
//-->
</script>

执行发现2行输出结果不一样，第一个是true，第二个是false

文章给的建议是每次都重新创建re对象

......
alert(/^\d+(?:\.\d)?$/ig.test('112.3'));
alert(/^\d+(?:\.\d)?$/ig.test('112.3'));
......

这下2个都是true了，但是为什么呢？

文字结尾一段英文回复，着重说了lastIndex 的作用，可能回复者想说明这种问题的原因是lastIndex 导致的，于是我把代码改成以下样子

......
alert(re.lastIndex);//0
alert(re.test('112.3'));//true
alert(re.lastIndex);//5
re.lastIndex = 0;
alert(re.test('112.3'));//true
......

果然是因为lastIndex 被修改造成的，那为什么lastIndex 改过去之后在下一次test之前不重置成0呢？

经过多次测试，我发现re改成/^\d+(?:\.\d)?$/i都是正常的，即去掉全文搜索，那如果改成/\d+(?:\.\d)?/ig（去掉全字符串匹配限制）呢，结果是这样的

<script type="text/javascript">
<!--
var re = /\d+(?:\.\d)?/ig; 
alert(re.lastIndex);//0
alert(re.test('112.3'));//true
alert(re.lastIndex);//5
alert(re.test('112.3'));//false
alert(re.lastIndex);//0
alert(re.test('112.3'));//true
alert(re.lastIndex);//5
alert(re.test('111112.3'));//true
alert(re.lastIndex);//8
//-->
</script>

总结：

g进行全文搜索，每次test之后会保留下一次查询的位置到lastIndex里，当执行下一次test的时候就会从lastIndex的位置开始，如果匹配到就是true，否则false；

^$限制导致必须整个字符串作为一个整体匹配regex，比如第一次test的是112.3，lastIndex是5，如果第二次test的是1234112.3，虽然匹配到5开始的位置，但是由于是整个字符串限制，所以还是false，这也就解释了为什么去掉^$限制后第二次test变成true了。感觉^$限制和g最好不要一起用，没有意义而且容易造成不好识别的错误

这篇关于js正则表达式test方法的问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---