[轉(zhuǎn)] 徹底領(lǐng)悟javascript中的exec與match方法

轉(zhuǎn)自:http://blog.csdn.net/generalxck/article/details/5350999


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

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

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

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

exec是正則表達式的方法,而不是字符串的方法,它的參數(shù)才是字符串,如下所示:

varre=new RegExp(//d/);

re.exec("abc4def");

或者使用perl風格:

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

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

"abc4def".match(/d);

exec和match返回的都是數(shù)組

如果執(zhí)行exec方法的正則表達式?jīng)]有分組(沒有括號括起來的內(nèi)容),那么如果有匹配,他將返回一個只有一個元素的數(shù)組,這個數(shù)組唯一的元素就是該正則表達式匹配的第一個串;如果沒有匹配則返回null。

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

varstr="cat,hat";

var p=/at/;//沒有g(shù)屬性alert(p.exec(str))

alert(str.match(p))

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

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

varstr="cat,hat";

var p=/at/g;//注意g屬性alert(p.exec(str))

alert(str.match(p))

分別是

"at"

"at,at"。

因為exec永遠只返回第一個匹配,而match在正則指定了g屬性的時候,會返回所有匹配。

exec如果找到了匹配,而且包含分組的話,返回的數(shù)組將包含多個元素,第一個元素是找到的匹配,之后的元素依次為該匹配中的第一、第二...個分組(反向引用)

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

varstr="cat2,hat8";

varp=/c(at)/d/;

alert(p.exec(str))

其中第一個元素是匹配的字符串"cat2",之后的元素是括號中匹配的"at"。

match函數(shù)在滿足如下條件下將越俎代庖,實現(xiàn)和exec一樣的功能:

1、正則表達式中含有分組(括號)

2、返回唯一的匹配

且看如下的代碼:

varstr="cat2,hat8";

varp=/c(at)/d/;

alert(p.exec(str))

alert(str.match(p))

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

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

現(xiàn)在我們再來回顧文章開頭提出的問題:

varsomeText="web2.0 .net2.0";

varpattern=/(/w+)(/d)/.(/d)/g;

varoutCome_exec=pattern.exec(someText);

varoutCome_matc=someText.match(pattern);

分析:

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

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

總結(jié):

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

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

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

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

varstr="cat,hat";

var p=/at/;//沒有g(shù)屬性alert(p.exec(str))

alert(str.match(p))

都彈出“at”

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

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

varstr="cat2,hat8";

varp=/c(at)/d/;

alert(p.exec(str))

alert(str.match(p))

都彈出“cat2,at”

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,698評論 6 539
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,202評論 3 426
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,742評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,580評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,297評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,688評論 1 327
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,693評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,875評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,438評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,183評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,384評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,931評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,612評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,022評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,297評論 1 292
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,093評論 3 397
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,330評論 2 377

推薦閱讀更多精彩內(nèi)容