閱讀本文之前,請先看下面一道題:
題目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,這裡列舉二者的重點特性:
- exec是Regex的方法,而不是字串的方法,它的參數才是字串,如下所示:
var re=new RegExp(/\d/);
re.exec( "abc4def" );或者使用perl風格:
/\d/.exec( "abc4def" );
match才是字串類提供的方法,它的參數是Regex對象,如下用法是正確的:
"abc4def".match(\d);
- 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屬性的時候,會返回所有匹配。
- exec如果找到了匹配,而且包含分組的話,返回的數組將包含多個元素,第一個元素是找到的匹配,之後的元素依次為該匹配中的第一、第二...個分組(反向引用)
如下的代碼將彈出"cat2,at":var str= "cat2,hat8" ;
var p=/c(at)\d/;
alert(p.exec(str))
其中第一個元素是匹配的字串"cat2",之後的元素是括弧中匹配的"at"。
- 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”