JavaScript RegExp对象详解：创建、属性与方法

RegExp对象的创建方式

在JavaScript中，可以通过两种主要方式创建RegExp对象的实例。

第一种方式是使用RegExp的显式构造函数，其语法结构为：new RegExp("pattern"[,"flags"])。

第二种方式是使用RegExp的隐式构造函数，即采用正则字面量格式：/pattern/[flags]。

其中，pattern部分代表正则表达式的模式文本，这是必须提供的参数。在显式构造函数中，pattern作为JavaScript字符串存在，需用双引号或单引号包裹；而在字面量格式中，pattern被包含在一对斜杠“/”之间，且不能使用引号。

flags部分用于设置正则表达式的匹配标志，属于可选参数。若指定flags，在显式构造函数中以字符串形式出现；在字面量格式中，则紧接在最后一个斜杠“/”之后。flags可由以下标志字符组合而成。

g代表全局标志。启用该标志后，搜索和替换操作将作用于文本中所有匹配项；若未启用，则仅处理第一个匹配的内容。

i代表忽略大小写标志。启用后，匹配比较时将不区分字母的大小写。

m代表多行标志。若未启用，元字符“^”仅匹配整个字符串的起始位置，“$”仅匹配结束位置；若启用，则“^”可匹配“\n”或“\r”之后的位置（即下一行行首），“$”可匹配“\n”或“\r”之后的位置（即下一行行尾）。

代码1.1展示了创建正则表达式的具体示例。

代码1.1 创建正则表达式：1.1.htm

 
<html>
<head>
<title>创建正则表达式 </title>
<script language = "JavaScript">
var myString="这是第一个正则表达式的例子";
var myregex = new RegExp("一个"); // 创建正则表达式
if (myregex.test(myString)){
document.write("找到了指定的模式！");
} 
else{
document.write("未找到指定的模式。");
} 
</script>
</head><body></body>
</html>

上述代码的运行结果如图8.1所示。

由于JavaScript字符串中的“\”是转义字符，在使用显式构造函数创建RegExp实例时，需将原始正则表达式中的“\”替换为“\\”。例如，代码1.2中的两条语句功能等价。

代码1.2 转义字符中的“\”：1.2.htm

 
<script language="javascript">
var re1 = new RegExp("\\d{5}");
var re2 = /\d{5}/;
alert("re1="+re1+"\nre2="+re2);
</script>

正则表达式模式文本中的转义字符同样是“\”。若需在正则中匹配原义字符“\”，模式文本中需写为“\\”；当使用显式构造函数创建RegExp实例时，则需使用“\\\\”来表示原义字符“\”。

var re = new RegExp(\\\\)。

RegExp对象的属性详解

RegExp对象的属性可分为静态属性和实例属性两类，下面分别进行介绍。

（1）index属性。表示当前表达式模式首次匹配内容的开始位置，从0开始计数。初始值为-1，每次成功匹配后该属性值会更新。

（2）input属性。返回当前被作用的字符串，可简写为$_，初始值为空字符串""。

（3）lastIndex属性。表示当前表达式模式首次匹配内容中最后一个字符的下一个位置，从0开始计数，常作为继续搜索的起始点。初始值为-1，表示从头开始搜索，每次成功匹配后该属性值会更新。

（4）lastMatch属性。返回当前表达式模式的最后一个匹配字符串，可简写为$&，初始值为空字符串""。每次成功匹配后，该属性值会随之更新。

（5）lastParen属性。若表达式模式包含括起来的子匹配，该属性返回最后一个子匹配所捕获的子字符串，可简写为$+，初始值为空字符串""。每次成功匹配后，该属性值会更新。

（6）leftContext属性。返回最后一个匹配字符串左侧的所有内容，可简写为$`（其中“'”为键盘上“Esc”下方的反单引号）。初始值为空字符串""。每次成功匹配后，该属性值会更新。

（7）rightContext属性。返回最后一个匹配字符串右侧的所有内容，可简写为$'。初始值为空字符串""。每次成功匹配后，该属性值会更新。

（8）$1…$9属性。这些属性只读。若表达式模式包含括起来的子匹配，$1…$9分别对应第1至第9个子匹配捕获的内容。若子匹配超过9个，$1…$9仅对应最后9个子匹配的结果。虽然表达式可定义任意多个带括号的子匹配，但RegExp对象仅存储最后9个。通过RegExp实例方法返回的结果数组，可获取所有圆括号内的子匹配结果。

（1）global属性。返回创建RegExp对象实例时指定的global标志（g）的状态。若设置了g标志，该属性返回True，否则返回False，默认值为False。

（2）ignoreCase属性。返回创建RegExp对象实例时指定的ignoreCase标志（i）的状态。若设置了i标志，该属性返回True，否则返回False，默认值为False。

（3）multiLine属性。返回创建RegExp对象实例时指定的multiLine标志（m）的状态。若设置了m标志，该属性返回True，否则返回False，默认值为False。

（4）source属性。返回创建RegExp对象实例时指定的表达式文本字符串。

RegExp对象的常用方法

RegExp对象的常用方法包括test、exec和compile，本节将介绍这些方法的功能与用法，并在最后提供综合示例。

语法格式为test(str)。该方法检查字符串中是否存在创建RegExp对象实例时指定的表达式模式，若存在返回True，否则返回False。找到匹配项时，会更新RegExp对象的相关静态属性以反映匹配情况。

语法格式为exec(str)。该方法使用创建RegExp对象实例时指定的表达式模式对字符串进行搜索，并返回一个包含搜索结果的数组。

若为正则表达式设置了全局标志（g），可通过多次调用exec和test方法在字符串中连续搜索，每次搜索从RegExp对象的lastIndex属性指定的位置开始。

若未设置全局标志（g），exec和test方法将忽略lastIndex属性值，从字符串起始位置开始搜索。

若exec方法未找到匹配，返回值为null；若找到匹配，则返回一个数组，并更新RegExp对象的相关静态属性。返回数组的元素0包含完整匹配结果，元素1至n依次包含表达式模式中定义的各个子匹配结果。

exec方法返回的数组包含3个属性，分别是input、index和lastIndex。

input属性表示整个被搜索的字符串。

index属性表示匹配在整个被搜索字符串中的位置。

lastIndex属性表示匹配的子字符串最后一个字符的下一个字符位置。

代码2.1展示了exec()方法的应用示例。

 
<html>
<head>
<title>exec()方法应用</title>
<script language = "JavaScript">
var myString="aaa 111 bbb 222 ccc 1111 222ddd";
var regex = /111/; //创建正则表达式对象
var array=regex.exec(myString);
if (array){
var str="找到了匹配子串!"+"\n返回数组的值为:"+array+"\n数组元素个数："
+array.length+"\n被搜索的字符串为："+array.input
+"\n匹配子串的开始位置为："+array.index
+"\n匹配子串后面第一个字符的位置为："+regex.lastIndex;
alert(str);
} 
else{
alert("未找到匹配子串！！");
} 
</script>
<body></body>
</html>

语法格式为compile("pattern"[,"flags"])。该方法可更换RegExp对象实例使用的表达式模式，并将新模式编译为内部格式，从而加速后续匹配过程。若在循环中重复使用某表达式，编译可提升执行效率。但若程序中使用了其他表达式模式后再使用原编译模式，则编译不再有益。

代码2.2是对RegExp对象的综合示例，仔细分析代码及其运行结果有助于深入理解RegExp对象。

代码2.2 RegExp对象的使用：2.2.htm

 
<script language="javascript">
var strSrc = "xxa1b01c001yya2b02c002zz";
var re = /a(\d)b(\d{2})c(\d{3})/gi;
var arr, count = 0;
while ((arr = re.exec(strSrc)) != null)
{ 
displayResult();
} 
function displayResult()
{ 
document.write("<p>这是用正则表达式/" + re.source + "/gi对字符串<br>""
+ RegExp.input + ""进行第" + (++count) + "次搜索的结果：<br>");
document.write("RegExp.index为" + RegExp.index + "<br>");
document.write("RegExp.lastIndex为" + RegExp.lastIndex + "<br>");
document.write("RegExp.lastMatch为" + RegExp.lastMatch + "<br>");
document.write("RegExp.lastParen为" + RegExp.lastParen + "<br>");
document.write("RegExp.leftContext为" + RegExp.leftContext + "<br>");
document.write("RegExp.rightContext为" + RegExp.rightContext + "<br>");
document.write("RegExp.$1为" + RegExp.$1 + "<br>");
document.write("RegExp.$2为" + RegExp.$2 + "<br>");
document.write("RegExp.$3为" + RegExp.$3 + "<br>");
document.write("RegExp.$4为" + RegExp.$4 + "<br>");
document.write("arr.index为" + arr.index + "<br>");
document.write("arr.input为" + arr.input + "<br>");
document.write("arr.lastIndex为" + arr.lastIndex + "<br>");
document.write("返回数组的元素个数为" + arr.length + "<br>");
document.write("返回数组的内容为["];
for(var i=0; i<arr.length; i++)
{ 
if(i < arr.length-1)
document.write(""" + arr[i] + "",");
else
document.write(""" + arr[i] + "")</p>");
} 
} 
</script>