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

Posted 2020-08-17 Green.Leaf

现在来匹配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

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