[轉(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)蒋譬,當(dāng)然還有一些其他的方法徐裸,這里不作討論羊初,但是可能不少程序員都會混淆exec和match,這里列舉二者的重點特性:

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

varre=new RegExp(//d/);

re.exec("abc4def");

或者使用perl風(fēng)格:

//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)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市牙捉,隨后出現(xiàn)的幾起案子竹揍,更是在濱河造成了極大的恐慌,老刑警劉巖邪铲,帶你破解...
    沈念sama閱讀 211,743評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件芬位,死亡現(xiàn)場離奇詭異,居然都是意外死亡带到,警方通過查閱死者的電腦和手機昧碉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來揽惹,“玉大人被饿,你說我怎么就攤上這事∮浪浚” “怎么了锹漱?”我有些...
    開封第一講書人閱讀 157,285評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長慕嚷。 經(jīng)常有香客問我哥牍,道長毕泌,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,485評論 1 283
  • 正文 為了忘掉前任嗅辣,我火速辦了婚禮撼泛,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘澡谭。我一直安慰自己愿题,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,581評論 6 386
  • 文/花漫 我一把揭開白布蛙奖。 她就那樣靜靜地躺著潘酗,像睡著了一般。 火紅的嫁衣襯著肌膚如雪雁仲。 梳的紋絲不亂的頭發(fā)上仔夺,一...
    開封第一講書人閱讀 49,821評論 1 290
  • 那天,我揣著相機與錄音攒砖,去河邊找鬼缸兔。 笑死,一個胖子當(dāng)著我的面吹牛吹艇,可吹牛的內(nèi)容都是我干的惰蜜。 我是一名探鬼主播,決...
    沈念sama閱讀 38,960評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼受神,長吁一口氣:“原來是場噩夢啊……” “哼抛猖!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起路克,我...
    開封第一講書人閱讀 37,719評論 0 266
  • 序言:老撾萬榮一對情侶失蹤樟结,失蹤者是張志新(化名)和其女友劉穎养交,沒想到半個月后精算,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,186評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡碎连,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,516評論 2 327
  • 正文 我和宋清朗相戀三年灰羽,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鱼辙。...
    茶點故事閱讀 38,650評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡廉嚼,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出倒戏,到底是詐尸還是另有隱情怠噪,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布杜跷,位于F島的核電站傍念,受9級特大地震影響矫夷,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜憋槐,卻給世界環(huán)境...
    茶點故事閱讀 39,936評論 3 313
  • 文/蒙蒙 一双藕、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧阳仔,春花似錦忧陪、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至评矩,卻和暖如春更卒,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背稚照。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評論 1 266
  • 我被黑心中介騙來泰國打工蹂空, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人果录。 一個月前我還...
    沈念sama閱讀 46,370評論 2 360
  • 正文 我出身青樓上枕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親弱恒。 傳聞我的和親對象是個殘疾皇子辨萍,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,527評論 2 349

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