zoukankan      html  css  js  c++  java
  • JavaScript中的正则表达式

      ECMAScript通过RegExp类型来支持正则表达式。

      正则表达式的创建

      使用类似Perl的语法,就可以创建一个正则表达式。

    var expression = / pattern / flags;

      其中的模式(pattern)部分可以是任何简单或复杂的正则表达式,可以包含字符类、限定符、分组、向前查找以及反向引用。每个正则表达式都可带有一或多个标志(flags),用以标明正则表达式的行为。正则表达式的匹配模式支持下列3个标志。

      ♦ g:表示全局(global)模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即停止;

      ♦ i:表示不区分大小写(case-insensitive)模式,即在确定匹配项时忽略模式与字符串的大小写;

      ♦ m:表示多行(multiline)模式,即在到达一行文本末尾时还会继续查找下一行中是否存在与模式匹配的项。

      因此,一个正则表达式就是一个模式与上述3个标志的组合体。不同组合产生不同结果,如下:

    /*
     * 匹配字符串中所有“at”的实例
     */
    var pattern1 = /at/g;
    
    /*
     * 匹配第一个“bat”或“cat”,不区分大小写
     */
    var pattern2 = /[bc]at/i;
    
    /*
     * 匹配所有以“at”结尾的3个字符的组合,不区分大小写
     */
    var pattern3 = /.at/gi;

      与其他语言中的正则表达式类似,模式中使用的所有元字符都必须转义。正则表达式中的元字符包括:

    ( [ {  ^ $ | ) ? * + . ] } 

      这些元字符在正则表达式中都有一或多种特殊用途,因此如果想要匹配字符串中包含的这些字符,就必须对它们进行转义。

    /*
     * 匹配第一个“bat”或“cat”,不区分大小写
     */
    var pattern2 = /[bc]at/i;
    
    /*
     * 匹配第一个“[bc]at”,不区分大小写
     */
    var pattern2 = /[bc]at/i;
    
    /*
     * 匹配所有以“at”结尾的3个字符的组合,不区分大小写
     */
    var pattern3 = /.at/gi;
    
    /*
     * 匹配所有“.at”,不区分大小写
     */
    var pattern4 = /.at/gi;

      另一种创建正则表达式的方式是使用RegExp构造函数,它接收两个参数:一个是要匹配的字符串模式,另一个是可选的标志字符串。可以使用字面量定义的任何表达式,都可以使用构造函数来定义。

    /*
     * 匹配第一个“bat”或“cat”,不区分大小写
     */
    var pattern1 = /[bc]at/i;
    
    /*
     * 与pattern1相同,只不过是使用构造函数创建的
     */
    var pattern2 = new RegExp("[bc]at","i");

      要注意的是,传递给RegExp构造函数的两个参数都是字符串。由于RegExp构造函数的模式参数是字符串,所以在某些情况下要对字符串进行双重转义。所有元字符都必须双重转义,那些已经转义过的字符也是如此。例如 (字符在字符串中通常被转义为\,而在正则表达式字符串中就会变成\\)。下表给出了一些模式,左边是这些模式的字面量形式,右边是使用RegExp构造函数定义相同模式时使用的字符串。

    字面量模式 等价的字符串
    [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实例都是一个新实例。但在ECMAScript 5中明确规定,使用正则表达式字面量必须像直接调用RegExp构造函数一样,每次都创建新的RegExp实例。IE9+、Firefox 4+和Chrome都据此做了修改。

      RegExp实例属性

      RegExp的每个实例都具有下列属性,通过这些属性可以取得有关模式的各种信息。

      ♦ global:布尔值,表示是否设置了g标志。

      ♦ ignoreCase:布尔值,表示是否设置了i标志。

      ♦ lastIndex:整数,表示开始搜索下一个匹配项的字符位置,从0算起。

      ♦ multiline:布尔值,表示是否设置了m标志。

      ♦ source:正则表达式的字符串表示,按照字面量形式而非传入构造函数中的字符串模式返回。

       通过这些属性可以获知一个正则表达式的各方面信息,但却没多大用处,因为这些信息全都包含在模式声明中。

    var pattern1 = /[bc]at/i
    
    alert(pattern1.global);       //false
    alert(pattern1.ignoreCase);   //true
    alert(pattern1.multiline);    //false
    alert(pattern1.lastIndex);    //0
    alert(pattern1.source);       //"[bc]at"
    
    var pattern2 = new RegExp("\[bc\]at","i");
    
    alert(pattern2.global);       //false
    alert(pattern2.ignoreCase);   //true
    alert(pattern2.multiline);    //false
    alert(pattern2.lastIndex);    //0
    alert(pattern2.source);       //"[bc]at"

      

      RegExp实例方法

      RegExp对象的主要方法是exec(),该方法是专门为捕获组而设计的。exec()接收一个参数,即要应用模式的字符串,然后返回包含第一个匹配项信息的数组;或者在没有匹配项的情况下返回null。返回的数组虽然是Array的实例,但包含两个额外的属性:index和input。其中,index表示匹配项在字符串中的位置,而input表示应用正则表达式的字符串。在数组中,第一项是与整个模式匹配的字符串,其他项是与模式中的捕获组匹配的字符串(如果模式中没有捕获组,则该数组只包含一项)。

    var text = "mom and dad 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"

      对于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
    
    matches = pattern1.exec(text);
    alert(matches.index);     //0
    alert(matches[0]);        //cat
    
    var pattern2 = /.at/g;
    
    var matches = pattern2.exec(text);
    alert(matches.index);     //0
    alert(matches[0]);        //cat
    
    matches = pattern2.exec(text);
    alert(matches.index);     //5
    alert(matches[0]);        //bat

      正则表达式的第二个方法是test(),它接受一个字符串参数。在模式与该参数匹配的情况下返回true;否则返回false。在只想知道目标字符串与某个模式是否匹配,但不需要知道其文本内容的情况下,使用这个方法非常方便。因此,test()方法经常被用在if语句中。

    var text = "000-00-0000";
    var pattern = /d{3}-d{2}-d{4}/;
    
    if(pattern.test(text)){
        alert("The pattern was matched.");
    }

      RegExp实例继承的toLocaleString()和toString()方法都会返回正则表达式的字面量,与创建正则表达式的方式无关。

    var pattern = new RegExp("\[bc\]at","gi");
    alert(pattern.toString());                    //   /[bc]at/gi
    alert(pattern.toLocaleString());              //   /[bc]at/gi
  • 相关阅读:
    07组合,模版
    06享元、责任链
    05观察,命令
    04代理,迭代器
    03单例,策略
    02工厂,创建者
    01基础
    css随记02布局
    css随记01编辑技巧,背景与边框
    nodejs随记03
  • 原文地址:https://www.cnblogs.com/weilan/p/7506058.html
Copyright © 2011-2022 走看看