码迷,mamicode.com
首页 > 其他好文 > 详细

正则表达式之可选项元素?

时间:2016-11-02 14:05:59      阅读:452      评论:0      收藏:0      [点我收藏+]

标签:str   blog   作用   color   表达   正则表达式   日期   输出   颜色   

现在来匹配color和colour,这两个单词都可以表示颜色的意思,他们的区别在于前面的单词比后面的单词多出一个u,那怎么通过一个正则匹配出这两个单词呢?代码如下:

var str="color";
alert(str.match(/colou?r/)); //输出:color
str="colour";
alert(str.match(/colou?r/)); //输出:colour

"?"元字符和之前介绍的元字符都不同,他只作用于之前紧邻他的元字符,因此来解读上面的正则colou?r的意思是:先是c,然后是o,然后是l,然后是o,然后是u?,紧接着是r;

u?是必然匹配成功的,有时他会匹配一个u,有时则不匹配任何字符,关键在于,无论u是否出现,匹配都是成功的;

下面来看一个例题:需要匹配7月6日的文本(July Sixth)的文本,其中月份可能写作Jul或者July,日期可能写成Sixth、6th、6。下面上代码:

第一种方法:

var str="July 6th";
alert(str.match(/^(July|Jul).(sixth|6th|6)/)); //输出:July 6th

 

第二种方法:

var str="July 6th";
alert(str.match(/^July?.(sixth|6(th)?)/)); //输出:July 6th

显然第二种方法更加的简洁!而且第二种方法?和()括号的结合,使得可以匹配的范围无限增大了,因为括号里面的表达式可以任意复杂。

正则表达式之可选项元素?

标签:str   blog   作用   color   表达   正则表达式   日期   输出   颜色   

原文地址:http://www.cnblogs.com/GreenLeaves/p/6022463.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!