js正則表達(dá)exec與match的區(qū)別說明
以前用js很少用到j(luò)s的正則表達(dá)式,即使用到了,也是諸如郵件名稱之類的判斷,網(wǎng)上代碼很多,很少有研究,拿來即用。
最近開發(fā)遇到一些需要使用正則表達(dá)式,順便研究一下
正則表達(dá)式對(duì)象有兩個(gè)定義方式::
1、第一種定義:
new RegExp(pattern, attributes);如var reg = new RegExp("abc","g")
其中pattern為表示表達(dá)式內(nèi)容,如上表示匹配abc
attributes:g,全局匹配,i不區(qū)分大小寫,m執(zhí)行多行匹配,用最多的為g和i
2、第二種定義:/pattern/attributes.
如:var reg = /abc/g;
正則表達(dá)的規(guī)則一些規(guī)則在此不再說明,只記錄exec和match的區(qū)別:
1、exec是正則表達(dá)式的方法,而不是字符串的方法,它的參數(shù)才是字符串,如下所示:
如上定義
var reg = new RegExp("abc") ;
var str = "3abc4,5abc6";
reg.exec(str );
2、match是字符串執(zhí)行匹配正則表達(dá)式規(guī)則的方法,他的參數(shù)是正則表達(dá),如
var reg = new RegExp("abc") ;
var str = "3abc4,5abc6";
str.match(reg);
3、exec和match返回的都是數(shù)組;
如果exec執(zhí)行的正則表達(dá)式?jīng)]有子表達(dá)式(小括號(hào)內(nèi)的內(nèi)容,如/abc(\s*)/中的(\s*) ),如果有匹配,就返回第一個(gè)匹配的字符串內(nèi)容,此時(shí)的數(shù)組僅有一個(gè)元素,如果沒有匹配返回null;
var reg = new RegExp("abc") ;
var str = "3abc4,5abc6";
alert(reg.exec(str));
alert(str.match(reg));
執(zhí)行如上代碼,你會(huì)發(fā)現(xiàn)兩者內(nèi)容均為一樣:abc,
4、如果定義正則表達(dá)對(duì)象為全局匹配如:
var reg = new RegExp("abc","g") ;
var str = "3abc4,5abc6";
alert(reg.exec(str));
alert(str.match(reg));
則 為abc和abc,abc;因?yàn)閙atch執(zhí)行了全局匹配查詢;而exec如果沒有子表達(dá)式只會(huì)找到一個(gè)匹配的即返回。
5、當(dāng)表示中含有子表達(dá)式的情況:
var reg = new RegExp("a(bc)") ;
var str = "3abc4,5abc6";
alert(reg.exec(str));
alert(str.match(reg));
你會(huì)發(fā)現(xiàn)兩者執(zhí)行的結(jié)果都是:abc,bc;
6、當(dāng)如果正則表達(dá)式對(duì)象定義為為全局匹配
var reg = new RegExp("a(bc)","g") ;
var str = "3abc4,5abc6";
alert(reg.exec(str));
alert(str.match(reg));
則兩者返回的結(jié)果是abc,bc和abc,abc,
總結(jié)為:
1、當(dāng)正則表達(dá)式無子表達(dá)式,并且定義為非全局匹配時(shí),exec和match執(zhí)行的結(jié)果是一樣,均返回第一個(gè)匹配的字符串內(nèi)容;
2、當(dāng)正則表達(dá)式無子表達(dá)式,并且定義為全局匹配時(shí),exec和match執(zhí)行,做存在多處匹配內(nèi)容,則match返回的是多個(gè)元素?cái)?shù)組;
3、當(dāng)正則表達(dá)式有子表示時(shí),并且定義為非全局匹配,exec和match執(zhí)行的結(jié)果是一樣如上邊的第5種情況;
4、當(dāng)正則表達(dá)式有子表示時(shí),并且定義為全局匹配,exec和match執(zhí)行的結(jié)果不一樣,此時(shí)match將忽略子表達(dá)式,只查找全匹配正則表達(dá)式并返回所有內(nèi)容,如上第6種情況;
也就說,exec與全局是否定義無關(guān)系,而match則于全局相關(guān)聯(lián),當(dāng)定義為非全局,兩者執(zhí)行結(jié)果相同
相關(guān)文章
原生js實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11
JS中Generator函數(shù)與async函數(shù)用法介紹
javascript中經(jīng)常會(huì)用到異步編程,在ES6之后我們使用的?Generator函數(shù)、async函數(shù)、promise都是我們異步編程的一大助力,這里我們主要講解Generator、async函數(shù),并且簡介他們之間的一些聯(lián)系,本篇文章會(huì)帶著一些簡易案例,方便大家理解使用2023-06-06
在光標(biāo)處插入字符串的實(shí)現(xiàn)代碼 兼容IE,Firefox
在光標(biāo)處插入字符串,一般用于網(wǎng)頁編輯器中,這里用的是text,需要的朋友可以參考下。2010-03-03
javascript實(shí)現(xiàn)二分查找法實(shí)現(xiàn)代碼
javascript實(shí)現(xiàn)二分查找法實(shí)現(xiàn)代碼...2007-11-11
javascript的switch用法注意事項(xiàng)分析
這篇文章主要介紹了javascript的switch用法注意事項(xiàng),實(shí)例分析了switch語句進(jìn)行判定的原理與使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
基于JavaScript簡單實(shí)現(xiàn)一下新手引導(dǎo)效果
這篇文章主要為大家詳細(xì)介紹了如何基于JavaScript簡單實(shí)現(xiàn)一下新手引導(dǎo)效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-03-03
Javascript實(shí)現(xiàn)字?jǐn)?shù)統(tǒng)計(jì)
現(xiàn)在流行的Twitter等微博客網(wǎng)站,有一個(gè)很好的用戶體驗(yàn),就是在文本框中輸入文字的時(shí)候,會(huì)自動(dòng)統(tǒng)計(jì)輸入的字符,并顯示用戶還能輸入的字符,在限制了140個(gè)字的微博客中,這樣的小提示可以很好的增強(qiáng)用戶體驗(yàn)。2015-07-07
JavaScript實(shí)現(xiàn)請(qǐng)求服務(wù)端接口方法詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)請(qǐng)求服務(wù)端接口方法,JavaScript?中請(qǐng)求服務(wù)端接口的代碼實(shí)現(xiàn)可能會(huì)因?yàn)槭褂玫姆椒ǘ兴煌?,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-01-01

