領悟javascript中的exec()和match()方法

閱讀本文之前,請先看下面一道題:

題目17:Read the following javascript code: 

var someText="web2.0 .net2.0";
var pattern=/(\w+)(\d)\.(\d)/g;
var outCome_exec=pattern.exec(someText);
var outCome_matc=someText.match(pattern);

What is outCome_exec[1] and outCome_matc[1]? 

Choice A: true 
Choice B: false 
Choice C: null 
Choice D: Web 
Choice E: Web2.0 
Choice F: undefined
Choice G: net2.0

這道題據說是某IT公司的一道筆試題,也是引起我寫今天這篇文章的原因,不過題目我稍微修改了一下,如果這道題你答對了,你可以不往下面看了。

-----------------------------------------------------------------

  javascript中與正則表達式有關的匹配字符串的函數主要有RegExp類的方法exec(string)以及String類的方法match(regex),當然還有一些其他的方法,這裏不作討論,但是可能不少程序員都會混淆exec和match,這裏列舉二者的重點特性:

  1. exec是正則表達式的方法,而不是字符串的方法,它的參數纔是字符串,如下所示:

    var re=new RegExp(/\d/);
    re.exec( "abc4def" );

    或者使用perl風格:

    /\d/.exec( "abc4def" );

    match纔是字符串類提供的方法,它的參數是正則表達式對象,如下用法是正確的:

    "abc4def".match(\d);
     
  2. exec和match返回的都是數組

    如果執行exec方法的正則表達式沒有分組(沒有括號括起來的內容),那麼如果有匹配,他將返回一個只有一個元素的數組,這個數組唯一的元素就是該正則表達式匹配的第一個串;如果沒有匹配則返回null。

    下面兩個alert函數彈出的信息是一樣的:

    var str= "cat,hat" ;
    var p=/at/; //沒有g屬性
    alert(p.exec(str))
    alert(str.match(p))

    都是"at"。在這種場合下exec等價於match。

    但是如果正則表達式是全局匹配(g屬性)的,那麼以上代碼結果不一樣了:

    var str= "cat,hat" ;
    var p=/at/g; //注意g屬性
    alert(p.exec(str))
    alert(str.match(p))

    分別是
    "at"
    "at,at"。

    因爲exec永遠只返回第一個匹配,而match在正則指定了g屬性的時候,會返回所有匹配。
     
  3. exec如果找到了匹配,而且包含分組的話,返回的數組將包含多個元素,第一個元素是找到的匹配,之後的元素依次爲該匹配中的第一、第二...個分組(反向引用)

    如下的代碼將彈出"cat2,at":

    var str= "cat2,hat8" ;
    var p=/c(at)\d/;
    alert(p.exec(str))

    其中第一個元素是匹配的字符串"cat2",之後的元素是括號中匹配的"at"。
     
  4. match函數在滿足如下條件下將越俎代庖,實現和exec一樣的功能:

    1、正則表達式中含有分組(括號)
    2、返回唯一的匹配

    且看如下的代碼:

    var str= "cat2,hat8" ;
    var p=/c(at)\d/;
    alert(p.exec(str))
    alert(str.match(p))

    都將彈出消息"cat2,at",是不是覺得很奇怪呢?

以下鏈接提供了一些演示:http://www.webchat.com.cn/exec_match.htm

現在我們再來回顧文章開頭提出的問題:

var someText= "web2.0 .net2.0" ;
var pattern=/(\w+)(\d)\.(\d)/g;
var outCome_exec=pattern.exec(someText);
var outCome_matc=someText.match(pattern);

分析:

outCome_exec的值:pattern中的g屬性對exec函數是沒有任何作用的,因此exec將匹配第一個可以匹配的字串“web2.0”,作爲其返回數組的第一個元素,另外由於pattern中包含三個分組((\w+)、(\d)、(\d)),因此該數組還將包含三個元素,依次是“web”、“2”、“0”,所以該exec執行後的最終結果是:["web2.0","web","2","0"]

outCome_matc的值:由於pattern是全局匹配的,因此match匹配了所有可以匹配的字串,因此結果數組的值outCome_matc爲["web2.0","net2.0"]。如果pattern沒有g屬性,那麼它將與outCome_exec結果一樣,因爲符合本文第4小節所描述的條件:有分組且返回唯一匹配!

總結:

match是返回所有匹配的字符串合成的數組,但是正則表達式必須指定全局g屬性才能返回所有匹配,不指定g屬性則會返回一個只有一個元素的數組。

exec永遠返回與第一個匹配相關的信息,其返回數組包括第一個匹配的字串,所有分組的反向引用。

-------------------------------------------

某些情況下exec返回的結果和match返回的結果一樣:

var str= "cat,hat" ;
var p=/at/; //沒有g屬性
alert(p.exec(str))
alert(str.match(p))

都彈出“at”

-------------------------------------------

某些情況下match返回的結果和exec返回的結果一樣:

var str= "cat2,hat8" ;
var p=/c(at)\d/;
alert(p.exec(str))
alert(str.match(p))

都彈出“cat2,at”

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章