深入剖析javascript中的exec與match方法
exec是正則表達(dá)式的方法,而不是字符串的方法,它的參數(shù)才是字符串,如下所示:
var re=new RegExp(/\d/); re.exec( "abc4def" ); //或者使用perl風(fēng)格: /\d/.exec( "abc4def" ); //match才是字符串類提供的方法,它的參數(shù)是正則表達(dá)式對象,如下用法是正確的: "abc4def".match(\d);
exec和match返回的都是數(shù)組
如果執(zhí)行exec方法的正則表達(dá)式?jīng)]有分組(沒有括號括起來的內(nèi)容),那么如果有匹配,他將返回一個(gè)只有一個(gè)元素的數(shù)組,這個(gè)數(shù)組唯一的元素就是該正則表達(dá)式匹配的第一個(gè)串;如果沒有匹配則返回null。
下面兩個(gè)alert函數(shù)彈出的信息是一樣的:
var str= "cat,hat" ; var p=/at/; //沒有g(shù)屬性 alert(p.exec(str)) alert(str.match(p))
都是"at"。在這種場合下exec等價(jià)于match。
但是如果正則表達(dá)式是全局匹配(g屬性)的,那么以上代碼結(jié)果不一樣了:
var str= "cat,hat" ; var p=/at/g; //注意g屬性 alert(p.exec(str)) alert(str.match(p))
分別是
"at"
"at,at"。
因?yàn)閑xec永遠(yuǎn)只返回第一個(gè)匹配,而match在正則指定了g屬性的時(shí)候,會(huì)返回所有匹配。
exec如果找到了匹配,而且包含分組的話,返回的數(shù)組將包含多個(gè)元素,第一個(gè)元素是找到的匹配,之后的元素依次為該匹配中的第一、第二...個(gè)分組(反向引用)
如下的代碼將彈出"cat2,at":
var str= "cat2,hat8" ; var p=/c(at)\d/; alert(p.exec(str))
其中第一個(gè)元素是匹配的字符串"cat2",之后的元素是括號中匹配的"at"。
match函數(shù)在滿足如下條件下將越俎代庖,實(shí)現(xiàn)和exec一樣的功能:
1、正則表達(dá)式中含有分組(括號)
2、返回唯一的匹配
且看如下的代碼:
var str= "cat2,hat8" ; var p=/c(at)\d/; alert(p.exec(str)) alert(str.match(p))
都將彈出消息"cat2,at",是不是覺得很奇怪呢?
總結(jié):
match是返回所有匹配的字符串合成的數(shù)組,但是正則表達(dá)式必須指定全局g屬性才能返回所有匹配,不指定g屬性則會(huì)返回一個(gè)只有一個(gè)元素的數(shù)組。
exec永遠(yuǎn)返回與第一個(gè)匹配相關(guān)的信息,其返回?cái)?shù)組包括第一個(gè)匹配的字串,所有分組的反向引用。
某些情況下exec返回的結(jié)果和match返回的結(jié)果一樣:
var str= "cat,hat" ; var p=/at/; //沒有g(shù)屬性 alert(p.exec(str)) alert(str.match(p))
都彈出“at”
某些情況下match返回的結(jié)果和exec返回的結(jié)果一樣:
var str= "cat2,hat8" ; var p=/c(at)\d/; alert(p.exec(str)) alert(str.match(p))
都彈出“cat2,at”
以上這篇深入剖析javascript中的exec與match方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于事件mouseover ,mouseout ,mouseenter,mouseleave的區(qū)別
mouseover ,mouseout ,mouseenter,mouseleave,都是鼠標(biāo)點(diǎn)擊而觸發(fā)的事件,各自代表什么意思,有哪些區(qū)別呢?下面跟著腳本之家小編一起看看吧2015-10-10JS實(shí)現(xiàn)漂亮的淡藍(lán)色滑動(dòng)門效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)漂亮的淡藍(lán)色滑動(dòng)門效果代碼,涉及JavaScript通過自定義函數(shù)遍歷頁面元素及動(dòng)態(tài)設(shè)置元素屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09Js 獲取當(dāng)前函數(shù)參數(shù)對象的實(shí)現(xiàn)代碼
這篇文章主要介紹了Js 獲取當(dāng)前函數(shù)參數(shù)對象的實(shí)現(xiàn)代碼,需要的朋友可以參考下2016-06-06three.js創(chuàng)造時(shí)空裂縫特效實(shí)現(xiàn)示例
這篇文章主要為大家介紹了three.js創(chuàng)造時(shí)空裂縫特效實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11JavaScript中檢測數(shù)組的3種方法小結(jié)
數(shù)組檢測是指在編程中對數(shù)組進(jìn)行驗(yàn)證和檢查的過程,本文主要介紹了JavaScript中檢測數(shù)組的3種方法小結(jié),具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08JS實(shí)現(xiàn)瀏覽器狀態(tài)欄文字閃爍效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)瀏覽器狀態(tài)欄文字閃爍效果的方法,通過時(shí)間函數(shù)定時(shí)觸發(fā)遞歸調(diào)用實(shí)現(xiàn)狀態(tài)欄文字閃爍效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10javascript設(shè)置文本框光標(biāo)的方法實(shí)例小結(jié)
這篇文章主要介紹了javascript設(shè)置文本框光標(biāo)的方法,結(jié)合實(shí)例形式總結(jié)分析了javascript針對文本框光標(biāo)的位置、設(shè)置及文本操作的相關(guān)技巧,需要的朋友可以參考下2016-11-11