ECMAScript经过RegExp类型来支持正则表达式。使用下面语法就能够建立一个正则表达式。正则表达式
var expression =/pattern/flags;
模式(pattern):能够是任何简单或复杂的正则表达式,能够包含字符类、限定符、分组、向前查找以及反向引用。express
标志(flags):每一个正则表达式均可以有一或多个标志(flags),用以标明正则表达式的行为。正则表达式的匹配模式支持下列3个标志:数组
所以,一个正则表达式就是一个模式与上述3个标志的组合体。不一样组合产生不一样结果,如:浏览器
/* 匹配字符串中全部“at”的实例*/ var pattern1 = /at/g; /** 匹配第一个“bat”或“cat”,不区分大小写*/ var pattern2 = /[bc]at/i; /* 匹配全部以“at”结尾的3个字符的组合,不分区大小写*/ var pattern3 = /.at/gi;
与其余语言中的正则表达式相似,模式中使用的全部元字符都必须转义。正则表达式中的元字符包括:函数
( [ { \ ^ $ | ) ? * + . ] }测试
这些元字符在正则表达式中都有一或多种特殊用途,所以想若是想要匹配字符串中包含的这些字符就必须对它们进行转义。如:spa
/* 匹配第一个“bat”或“cat”,不区分大小写 */ var pattern1 = /[bc]at/i; /* 匹配第一个“[bc]at”,不区分大小写*/ var pattern2 = /\[bc\]at/i; /* 匹配全部以“at”结尾的3个字符的组合,不分区大小写*/ var pattern3 = /.at/gi; /* 匹配全部以“.at”结尾的3个字符的组合,不分区大小写*/ var pattern4 = /\.at/gi;
前面举的例子都是以字面量形式来定义的正则表达式。另外一种建立正则表达式的方式是使用RegExp构造函数,它接收两个参数:一个是要匹配的字符串模式,另外一个是可选的标志字符串。可使用字面量定义的任何表达式,均可以使用构造函数来定义,如:设计
var pattern = new RegExp(“[bc]at” , “i”); //等同于下面字面量形式的正则表达式 var pattern = “/[bc]at/i”;
在使用构造函数时,传递的两个参数都是字符串(不能把正则表达式字面量传递给RegExp构造函数)。因为RegExp构造函数的模式参数是字符串,因此在某些状况下要对字符串进行双重转义。全部元字符都必须从双重转义,那些已经转义过的字符也是如此,例如\n(字符\在字符串中一般被转义为\\,而在正则表达式字符串中就会变成\\\\)。下表给出了一些模式,左边是这些模式的字面量形式,右边是使用RegExp构造函数定义相同模式时使用的字符串。code
字面量模式对象 |
等价的字符串 |
/\[bc\]at/ |
“\\[bc\\]at” |
/\.at/ |
“\\.at” |
/name\/age/ |
“name\\/age” |
/\d/\d{1,2}/ |
“\\d.\\d{1,2}” |
/\w\\hello\\123/ |
“”\\w\\\\hello\\\\123 |
使用正则表达式字面量和使用RegExp构造函数的正则表达式不同。在ECMAScript 3中,正则表达式字面量始终会共享同一个RegExp实例,而使用构造函数建立的每个RegExp实例都是一个新实例。如:
var re = null,i; for(i=0;i<10;i++){ re=/cat/g; re.test(“catastrophe”); } for(i=0;i<10;i++){ re=newRfgExp(“cat” , “g”); re.test(“catastrophe”); }
在第一个循环中,即便是循环体中指定的,但实际上只为/cat/建立了一个RegExp实例。因为实例属性不会重置,因此在循环中再次调用test()方法会失败。这是由于第一次调用test()找到了”cat”,但第二次调用是从索引为3的字符(上一次匹配的末尾)开始的,因此就找不到它了。因为会测试到字符串末尾,因此下一次再调用test()就又从头开始了。
第二个循环使用RegExp构造函数在每次循环中建立正则表达式。由于每次迭代都会建立一个新的RegExp实例,因此每次调用test()都会返回true。
ECMAScript5明确规定,使用正则表达式字面量必须直接调用RegExp构造函数同样,每次都建立新的RegExp实例。IE9+、Firefox4+和Chrome都据此作出了修改。
RegExp的每一个实例都具备下列属性,经过这些属性能够取得有关模式的各类信息。
经过这些属性能够获知一个正则表达式的各方面信息,但却没有多大用处,由于这些信息所有包含在模式声明中。
var text = "mom anddad and baby"; var pattern = /mom( and dad( and baby)?)?/gi; var matches = pattern.exec(text); alert(matches.index);//0 alert(matches.input);//mom and dad and baby alert(matches[0]);//mom and dad and baby alert(matches[1]);//and dad and baby alert(matches[2]);//and baby
这个例子中的模式包含两个捕获组。最内部的捕获组匹配”and baby”,而包含它的捕获组匹配”and dad”或者”and dad and baby”。当把字符串传入exec()方法以后,发现了一个匹配项。由于整个字符串自己与模式匹配,因此返回的数组matches的index属性值为0。数组中的第一项是匹配的整个字符串,第二项包含与第一个捕获组匹配的内容,第三项包含与第二个捕获组匹配的内容。
对于exec()方法而言,即便在模式中设置了全局标志(g),它每次也只返回一个匹配项。在不设置全局标志的状况下,在同一个字符串上屡次调用exec()将始终返回第一个匹配项的信息。而在设置全局标志的状况下,每次调用exec()则都会在字符串中继续查找新匹配项,如:
//非全局模式:返回第一个匹配项的信息 var text = "cat,bat, sat, fat"; var pattern1 = /.at/; var matches = pattern1.exec(text); alert(matches.index);//0 alert(matches[0]);//cat alert(pattern1.lastIndex);//0 var matches = pattern1.exec(text); alert(matches.index);//0 alert(matches[0]);//cat alert(pattern1.lastIndex);//0 //全局模式:在字符串中继续查找新匹配项 var pattern2 = /.at/g; var matches = pattern2.exec(text); alert(matches.index);//0 alert(matches[0]);//cat alert(pattern2.lastIndex);//3 var matches = pattern2.exec(text); alert(matches.index);//5 alert(matches[0]);//bat alert(pattern2.lastIndex);//8
这个例子中的第一个模式pattern1不是全局模式,所以每次调用exec()返回的都是第一个匹配项(“cat”)。而第二个模式pattern2是全局模式,所以每次调用exec()都会返回字符串中的下一个匹配项,直至搜索到字符串末尾为止。此外,还应该注意模式的lastIndex属性的变化状况。在全局模式匹配下,lastIndex的值在每次调用exec()后都会增长,而在非全局模式下则始终保持不变。
IE低版本的JavaScript实如今lastIndex属性上存在误差,即便在非屈居模式下,lastIndex属性每次也会变化。可是在IE11环境下的测试结果如上面的测试代码,测试结果与Chrome、Firefox4中的测试结果是一致的不存在误差。
var text = “000-00-0000”; var pattern = /\d{3}-\d{2}-\d{4}/; if(pattern.test(text)){ alert(“Thepattern was matched.”); }
在这个例子中,使用正则表达式来测试了一个数字序列。若是输入的文本模式匹配,则显示一条消息。这种用法常常出如今验证用户输入的状况下,由于咱们只想知道输入是否是有效,至于它为何无效就可有可无了。
var pattern = new RegExp(\\[bc\\]at , “gi”); alert(pattern.toString());// /\[bc\]at/gi alert(pattern.toLocaleString());// /\[bc\]at/gi
即便上例中的模式是经过调用RegExp构造函数建立的,toLocaleString()和toString()方法仍然会像它是以字面量形式建立的同样显示其字符串表示形式。
RegExp构造函数包含一些属性(这些属性在其余语言中被当作是静态属性)。这些属性适用于做用域中的全部正则表达式,而且基于所执行的最近一次正则表达式操做而变化。关于这些属性的另外一个独特之处,就是能够经过两种方式访问它们。换句话说,这些属性分别有一个长属性名和一个短属性名(Opera浏览器是例外,它不支持短属性名)。下表列出了RegExp构造函数的属性。
长属性名 |
短属性名 |
说明 |
input |
$_ |
最近一次要匹配的字符串。Opera为实现此属性 |
lastMatch |
$& |
最近一次的匹配项。Opera为实现此属性 |
lastParen |
$+ |
最近一次匹配的捕获组。Opera为实现此属性 |
leftContext |
$` |
input字符串中lastMatch以前的文本 |
multiline |
$* |
布尔值,表示是否全部表达式都使用多行模式。IE和Opera为实现此属性 |
rightContext |
$’ |
input字符串中lastMatch以后的文本 |
使用这些属性能够从exec()或test()执行的操做中提取出更具体的信息。请看下面的例子:
var text = "This has been a short summer"; var pattern = /(.)hort/g; /*注意:Opera不支持input、lastMatch、lastParen和multiline属性 ,Chrome、IE不支持multiline属性*/ if(pattern.test(text)){ alert(RegExp.input);//This has been a short summer alert(RegExp.leftContext);//This has been a alert(RegExp.rightContext);//summer alert(RegExp.lastMatch);//short alert(RegExp.lastParen);//s alert(RegExp.multiline);//(IE、Chrome)undefined;(Firefox)false }
如前所述,例子使用的长属性名均可以用相应的短属性名来代替。只不过,因为这些短属性名大都不是有效的ECMAScript标识符,即带有特殊字符,所以必须经过方括号语法来访问它们,如:
var text = "This has been a short summer"; var pattern = /(.)hort/g; /*注意:Opera不支持input、lastMatch、lastParen和multiline属性,Chrome、IE不支持multiline属性*/ if(pattern.test(text)){ alert(RegExp.$_);//This has been a short summer alert(RegExp["$`"]);//This has been a alert(RegExp["$'"]);//summer alert(RegExp["$&"]);//short alert(RegExp["$+"]);//s alert(RegExp["$*"]);//(IE、Chrome)undefined;(Firefox)false } /*除了上面介绍的几个属性以外,还有多达9个用于存储捕获数组的构造函数属性。
访问这些属性的语法是RegExp.$一、RegExp.$2……RegExp.$9,分别用于存储第1、第二……第九个匹配的捕获数组。
在调用exec()和test()方法时,这些属性会被自动填充。而后,就能够像下面这样使用它们:*/ var text = "This has been a short summer"; var pattern = /(..)or(.)/g; if(pattern.test(text)){ alert(RegExp.$1);//sh alert(RegExp.$2);//t }
这里建立了一个包含两个捕获组的模式,并用该模式检测了一个字符串。即便test()方法只返回一个布尔值,但RegExp构造函数的属性$1和$2也会被匹配相应捕获组的字符串自动填充。
尽管ECMAScript中的正则表达式功能仍是比较完备的,但仍然缺乏某些语言(特别是Perl)所支持的高级正则表达式特性。下面列出了ECMAScript正则表达式不支持的特性:
即便存在这些限制,ECMAScript正则表达式仍然是很是强大的,可以帮咱们绝大多数模式匹配任务。