zoukankan      html  css  js  c++  java
  • JS中的RegExp对象常用属性和方法

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

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

          使用RegExp的隐式构造函数,采用纯文本格式/pattern/[flags]。 ~~~正则字面量

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

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

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

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

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

    代码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+" re2="+re2);

    </script>

             

    由于正则表达式模式文本中的转义字符也是“”,如果正则表达式中要匹配原义字符“”,在正则表达式模式文本中要以“\”来表示,当使用显式构造函数的方式创建RegExp实例对象的时候,就需要使用“\\”来表示原义字符“”。

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

    1  RegExp对象的属性

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

    1.1   静态属性

    -----------------------------------------------------------
    re = /w(d)/g;
    re.source
    re.global
    re.multiline
    re.ignoreCase
    re.lastIndex // with 'g' option , reg.exec('sdfdf3sdf')
    -----------------------------------------------------------
    rst = re.exec('sdewer4erer');
    rst.index
    rst.input, RegExp.input, RegExp.$input, RegExp.$_
    -----------------------------------------------------------
    RegExp.$1, RegExp.$2 ..... RegExp.$9
    RegExp.lastMatch, RegExp['$&']
    RegExp.lastParen, RegExp['$+']
    RegExp.leftContext, RegExp["$`"]
    RegExp.rightContext, RegExp["$'"]
    -----------------------------------------------------------

     

    re = /w(d)/g ;
    rst = re.exec('itisalready9oclock');

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

    2)rst.input,  RegExp.input属性。返回当前所作用的字符串,可以简写为RegExp.$_,初始值为空字符串""。

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

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

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

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

    7)RegExp.rightContext属性。是当前表达式模式最后一个匹配字符串右边的所有内容,可以简写为$’  RegExp["$'"] (单引号)。初始值为空字符串""。每次成功匹配时,其属性值都会随之改变。

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

    2  RegExp对象的方法

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

    2.1   test方法

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

    2.2   exec方法

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

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

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

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

    exec方法返回的数组有2个属性,分别是input、index

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

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

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

    代码2.1是对该方法的应用举例。

    代码2.1   exec()方法应用:2.1.htm

    <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="找到了匹配子串!"+" 返回数组的值为:"+array+" 数组元素个数:"

                              +array.length+" 被搜索的字符串为:"+array.input

                              +" 匹配子串的开始位置为:"+array.index

                              +" 匹配子串后面第一个字符的位置为:"+regex.lastIndex;

                      alert(str);

              }

              else{

                      alert("未找到匹配子串!!");

              }

    </script>

    <body></body>

    </html>

    2.3   compile方法

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

    2.4   综合举例

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

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

     1 var strSrc = "xxa1b01c001yya2b02c002zz";
     2 
     3 var re = /a(d)b(d{2})c(d{3})/gi;
     4 
     5 var arr, count = 0;
     6 
     7 /* /pattern/g 注意g标识 这样才能终止循环 */
     8 while ((arr = re.exec(strSrc)) != null)
     9 
    10 {
    11 
    12 displayResult();
    13 
    14 }
    15 
    16 function displayResult()
    17 
    18 {
    19 
    20 document.write("<p>这是用正则表达式/" + re.source + "/gi对字符串<br>"
    21 
    22 + RegExp.input + "进行第" + (++count) + "次搜索的结果:<br>");
    23 
    24 document.write("arr.index为: " + arr.index + "<br>");
    25 
    26 document.write("re.lastIndex为: " + re.lastIndex + "<br>");
    27 
    28 document.write("RegExp.lastMatch为: " + RegExp.lastMatch + "<br>");
    29 
    30 document.write("RegExp.lastParen为: " + RegExp.lastParen + "<br>");
    31 
    32 document.write("RegExp.leftContext为: " + RegExp.leftContext + "<br>");
    33 
    34 document.write("RegExp.rightContext为: " + RegExp.rightContext + "<br>");
    35 
    36 document.write("RegExp.$1为: " + RegExp.$1 + "<br>");
    37 
    38 document.write("RegExp.$2为: " + RegExp.$2 + "<br>");
    39 
    40 document.write("RegExp.$3为: " + RegExp.$3 + "<br>");
    41 
    42 document.write("RegExp.$4为: " + RegExp.$4 + "<br>");
    43 
    44 document.write("arr.index为: " + arr.index + "<br>");
    45 
    46 document.write("arr.input为: " + arr.input + "<br>");
    47 
    48 document.write("返回数组的元素个数为: " + arr.length + "<br>");
    49 
    50 document.write("返回数组的内容为: :[");
    51 
    52 for(var i=0; i<arr.length; i++)
    53 
    54 {
    55 
    56 if(i < arr.length-1)
    57 
    58 document.write("'" + arr[i] + "',");
    59 
    60 else
    61 
    62 document.write("'" + arr[i] + "']</p>");
    63 
    64 }
    65 
    66 }

     

  • 相关阅读:
    javascript专业八级测试答案整理
    HTML中的attribute和property
    Ajax的原理和应用
    jQuery提交form表单
    使用JavaScript和Canvas实现下雪动画效果
    JavaScript经典代码总结
    从HTML5移动应用现状谈发展趋势
    前端单元测试总结及测试工具介绍
    Web缓存基础:术语、HTTP报头和缓存策略
    为IIS Express添加MIME映射
  • 原文地址:https://www.cnblogs.com/stephenykk/p/4026088.html
Copyright © 2011-2022 走看看