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

2016-02-19 10:12 7 1 收藏

今天图老师小编要向大家分享个正确使用带有"g"标记的javascript正则表达式教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - Web开发 】

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

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

来源:https://www.tulaoshi.com/n/20160219/1593796.html

延伸阅读
标签: Web开发
我们要解析一个HTML文档时可利用正则表达式取得标签内容 例子: 以从字符串中取出所有A标签的 id号和内容为例: a target="_blank"aaaaaaaaaa/a 正则表达式: a[^]*id[^]*=[^]*"(?ID[^]*)"[^]*target[^]*=[^]*"[^]*_blank[^]*" [^]*(?content[^]*)/a 正则分解: [^]* 是一个很有用的组合,能定位到下一个查询关键字 (?ID[^]*) 用于...
标签: Web开发
签于网上太多的介绍都是一篇凶悍的短文,边看边理解可以,帮助记忆不行。又受五笔字型字根表口诀“白手看头三二斤...”的启发,  试作“正则表达式助记口诀”又名“正则打油诗”,版本0.1,绝对原创,仿冒必究,:)  注:本文仅为学习正则时为了便于记忆而作,不能代替系统而全面的学习过程,错漏之处,敬请指正!  正则其实...
标签: Web开发
引言 本文将逐步讨论一些正则表达式的使用话题。本文为本站基础篇之后的扩展,在阅读本文之前,建议先阅读正则表达式参考文档一文。 1. 表达式的递归匹配 有时候,我们需要用正则表达式来分析一个计算式中的括号配对情况。比如,使用表达式 "\( [^)]* \)" 或者 "\( .*? \)" 可以匹配一对小括号。但是如果括号内还嵌有一层...
教你使用正则表达式 作者:赖锋 下载源代码 很久没有VCKbase发表文章了,这次发表一些比较基础的文章吧!看过"保证你现在和未来不失业的十种关键技术"这篇文章了吧,这次我就拿出一个不会让你失业的编程技术讲讲吧,老虾们千万不要拿鸡蛋砸我,我只是写给初学者的! 关于正则表达式的教程和用法网上有很多的资源,基本的用法我讲...
标签: Web开发
使用RegExp的显式构造函数,语法为:new RegExp("pattern"[,"flags"])。 使用RegExp的隐式构造函数,采用纯文本格式:/pattern/[flags]。 pattern部分为要使用的正则表达式模式文本,是必须的。在第一种方式中,pattern部分以JavaScript字符串的形式存在,需要使用双引号或单引号括起来;在第二种方式中,pattern部分嵌套在两个“/”之间,不...

经验教程

449

收藏

22
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部