正则表达式

最新推荐文章于 2024-11-14 10:43:52 发布

iteye_2903

最新推荐文章于 2024-11-14 10:43:52 发布

阅读量87

点赞数

分类专栏： javascript 文章标签：正则表达式 JavaScript D语言 ViewUI

本文链接：https://blog.csdn.net/iteye_2903/article/details/81688633

版权

javascript 专栏收录该内容

112 篇文章 1 订阅

订阅专栏

正则表达式的英文是regular expression，意思是符合某种规则的表达式，可以将其理解为一种对文字进行模糊匹配的语言。正则表达式用一些特殊的符号（称为元字符）来代表具有某种特征（例如，某一字符必须是数字字符）的一组字符以及指定匹配的的次数，含有元字符的文本不再表示某一具体的文本内容，而是形成了一种文本模式，可以匹配符合该模式的所有文本串。

在程序语言中引入正则表达式，可以完成以下功能。

测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码或一个身份证号码。这称为数据有效性验证。

替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后全部将其删除，或替换为其他文字。

根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字。

元字符“?”与“( )”

元字符是一些具有特殊意义的专用字符，可以用于各种匹配关系。为便于后面章节的讲述，这里介绍两个元字符。

用?表示可选项
？表示紧靠其前的元素项是可选（可有可无）的。例如，abc?能匹配abc和ab。如果让?匹配多个字符，必须用圆括号将这些字符括起来，使之成为一个紧密结合的组合项。这样，后面的?就表示圆括号中的内容可有可无。例如，a(bc)?能匹配a和abc。

如果一个图书编号的格式或者是5个数字字符（如10101）；或者是5个数字后面加上一个连字符（-），再加上4个数字组成的10位字符（如11111-1234）。那么，查找这种格式的图书编号时，就可以使用“\d{5}(-\d{4})?”作为匹配模式。

其中，\d表示匹配一个任意的数字字符，{5}表示紧靠其前的元素项连续重复5次，\d{5}表示匹配任意连续的5个数字，等效于\d\d\d\d\d。-\d{4}匹配的是一个连字符（-）后加上4个任意数字，(-\d{4})?表示连字符（-）及其后的4个数字可有可无。

用( )表示子匹配
除了能将多个元素组合成一个组合项外，括起来的表达式部分还称为一个子匹配（也称子表达式）。即可以用圆括号在一个长的表达式中划分出子表达式。这样，除了可以得到整个正则表达式的匹配结果外，还可以得到每个子表达式所匹配的结果。子表达式匹配的内容按照从左到右的顺序存储在缓冲区，该过程称为捕获。

子匹配捕获的内容可在表达式中位于该括号之后的地方被反向引用，第一个圆括号（即第一个子匹配）捕获的内容用\1表示，第二个用\2表示，依此类推。

例如，要匹配两个相同的连续数字字符的正则表达式是(\d)\1；要匹配连续5个相同的数字字符的正则表达式为(\d)\1{4}；要匹配1221、3553、6776等这样千位与个位相等、百位与十位相等的数字，可以使用的正则表达式为(\d)(\d)\2\1。

RegExp对象

JavaScript提供了一个RegExp对象来完成有关正则表达式的操作和功能，每一条正则表达式模式对应一个RegExp实例。有两种方式可以创建RegExp对象的实例。

使用RegExp的显式构造函数，语法为：new RegExp("pattern"[,"flags"])。

使用RegExp的隐式构造函数，采用纯文本格式：/pattern/[flags]。

pattern部分为要使用的正则表达式模式文本，是必须的。在第一种方式中，pattern部分以JavaScript字符串的形式存在，需要使用双引号或单引号括起来；在第二种方式中，pattern部分嵌套在两个“/”之间，不能使用引号。

flags部分设置正则表达式的标志信息，是可选项。如果设置flags部分，在第一种方式中，以字符串的形式存在；在第二种方式中，以文本的形式紧接在最后一个“/”字符之后。flags可以是以下标志字符的组合。

g是全局标志。如果设置了这个标志，对某个文本执行搜索和替换操作时，将对文本中所有匹配的部分起作用。如果不设置这个标志，则仅搜索和替换最早匹配的内容。

i是忽略大小写标志。如果设置了这个标志，进行匹配比较时，将忽略大小写。

m是多行标志。如果不设置这个标志，那么元字符“^”只与整个被搜索字符串的开始位置相匹配，而元字符“$”只与被搜索字符串的结束位置相匹配。如果设置了这个标志，“^”还可以与被搜索字符串中的“\n”或“\r”之后的位置（即下一行的行首）相匹配，而“$”还可以与被搜索字符串中的“\n”或“\r”之后的位置（即下一行的行尾）相匹配。

代码8.1是一个创建正则表达式的例子。


<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实例对象时，应将原始正则表达式中的“\”用“\\”替换。例如，在代码8.2中的两条语句是等价的。


<script language="javascript">

       var re1 = new RegExp("\\d{5}");

       var re2 = /\d{5}/;

       alert("re1="+re1+"\nre2="+re2);

</script>

程序显示结果如图8.2所示。可以看出，两者结果相同。
由于正则表达式模式文本中的转义字符也是“\”，如果正则表达式中要匹配原义字符“\”，在正则表达式模式文本中要以“\\”来表示，当使用显式构造函数的方式创建RegExp实例对象的时候，就需要使用“\\\\”来表示原义字符“\”。


var re = new RegExp(\\\\)。
RegExp对象的属性
RegExp对象的属性分为静态属性和实例属性。下面分别进行介绍。

8.4.1 静态属性
（1）index属性。是当前表达式模式首次匹配内容的开始位置，从0开始计数。其初始值为-1，每次成功匹配时，index属性都会随之改变。

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

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

（4）lastMatch属性。是当前表达式模式的最后一个匹配字符串，可以简写为$&。其初始值为空字符串""。在每次成功匹配时，lastMatch属性值都会随之改变。

（5）lastParen属性。如果表达式模式中有括起来的子匹配，是当前表达式模式中最后的子匹配所匹配到的子字符串，可以简写为$+。其初始值为空字符串""。每次成功匹配时，lastParen属性值都会随之改变。

（6）leftContext属性。是当前表达式模式最后一个匹配字符串左边的所有内容，可以简写为$`（其中“'”为键盘上“Esc”下边的反单引号）。初始值为空字符串""。每次成功匹配时，其属性值都会随之改变。

（7）rightContext属性。是当前表达式模式最后一个匹配字符串右边的所有内容，可以简写为$’。初始值为空字符串""。每次成功匹配时，其属性值都会随之改变。

（8）$1…$9属性。这些属性是只读的。如果表达式模式中有括起来的子匹配，$1…$9属性值分别是第1个到第9个子匹配所捕获到的内容。如果有超过9个以上的子匹配，$1…$9属性分别对应最后的9个子匹配。在一个表达式模式中，可以指定任意多个带括号的子匹配，但RegExp对象只能存储最后的9个子匹配的结果。在RegExp实例对象的一些方法所返回的结果数组中，可以获得所有圆括号内的子匹配结果。

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

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

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

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

8.5 RegExp对象的方法
RegExp对象的常用方法有test、exec和compile，本节介绍这些方法的功能和用法。最后，对RegExp对象的属性和方法进行一个综合举例。

8.5.1 test方法
语法格式为test(str)。该方法检查一个字符串中是否存在创建RegExp对象实例时所指定的表达式模式，如果存在就返回True，否则返回False。如果找到匹配项，则会更新RegExp对象中的有关静态属性，以反映匹配情况。关于该方法的使用，后面的8.10节中会经常用到，这里不再单独举例。

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

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

如果没有设置全局标志（g），则exec和test方法忽略RegExp对象的lastIndex属性值，从字符串的起始位置开始搜索。

如果exec方法没有找到匹配，返回值为null；如果找到匹配，则返回一个数组，并更新RegExp对象中有关静态属性以反映匹配情况。返回数组中的元素0包含了完整的匹配结果，而元素1～n依次是表达式模式中定义的各个子匹配的结果。

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

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

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

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


<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>

8.5.3 compile方法
语法格式为compile("pattern"[,"flags"])。该方法可以更换RegExp对象实例所使用的表达式模式，并将新的表达式模式编译为内部格式，从而使以后的匹配过程执行更快。如果要在循环中重复使用某个表达式，对其进行编译将使执行加速。但是，如果在程序中使用了任何其他表达式模式后，再使用原来编译过的表达式模式，则这种编译毫无益处。

8.5.4 综合举例
代码8.4是对RegExp对象的综合举例，认真分析代码及其运行结果，可以更好地理解RegExp对象。


<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>