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

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

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

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

1. exec是Regex的方法，而不是字串的方法，它的參數才是字串，如下所示：
   
   var re=new RegExp(/\d/);
   re.exec( "abc4def" );

   或者使用perl風格：

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

   match才是字串類提供的方法，它的參數是Regex對象，如下用法是正確的：

   "abc4def".match(\d);
    

2. exec和match返回的都是數組
   
   如果執行exec方法的Regex沒有分組（沒有括弧括起來的內容），那麼如果有匹配，他將返回一個只有一個元素的數組，這個數組唯一的元素就是該Regex匹配的第一個串;如果沒有匹配則返回null。

   下面兩個alert函數彈出的資訊是一樣的：

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

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

   但是如果Regex是全域匹配（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、Regex中含有分組（括弧）
   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是返回所有匹配的字串合成的數組，但是Regex必須指定全域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”