完全領悟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

　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若是找到了匹配，並且包含分組的話，返回的數組將包含多個元素，第一個元素是找到的匹配，以後的元素依次爲該匹配中的第1、第二...個分組（反向引用）
   
   以下的代碼將彈出"cat2,at":
   
   var str= "cat2,hat8" ;
   var p=/c(at)\d/;
   alert(p.exec(str))
   
   其中第一個元素是匹配的字符串"cat2"，以後的元素是括號中匹配的"at"。
    

4. match函數在知足以下條件下將越俎代庖，實現和exec同樣的功能：
   
   一、正則表達式中含有分組（括號）
   二、返回惟一的匹配
   
   且看以下的代碼：
   
   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」