js正則表達(dá)exec與match的區(qū)別說明
以前用js很少用到j(luò)s的正則表達(dá)式,即使用到了,也是諸如郵件名稱之類的判斷,網(wǎng)上代碼很多,很少有研究,拿來即用。
最近開發(fā)遇到一些需要使用正則表達(dá)式,順便研究一下
正則表達(dá)式對象有兩個(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á)式(小括號內(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á)對象為全局匹配如:
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á)式對象定義為為全局匹配
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)文章
如何判斷Javascript對象是否存在的簡單實(shí)例
下面小編就為大家?guī)硪黄绾闻袛郕avascript對象是否存在的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05Bootstrap文件上傳組件之bootstrap fileinput
這篇文章主要介紹了Bootstrap文件上傳組件之bootstrap fileinput,重點(diǎn)是把界面做得更加友好,更好的增加用戶體驗(yàn)。還有還多注意細(xì)節(jié)大家可以通過本文詳細(xì)了解下2016-11-11動(dòng)態(tài)加載JavaScript文件的3種方式
第一種是使用document.write/writeln()方式,第二種使用jQuery,第三種是使用原生js方法,感興趣的小伙伴們可以參考一下2018-05-05swiper4實(shí)現(xiàn)移動(dòng)端導(dǎo)航欄tab滑動(dòng)切換
這篇文章主要為大家詳細(xì)介紹了swiper4實(shí)現(xiàn)移動(dòng)端導(dǎo)航欄tab滑動(dòng)切換,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-10-10詳解JavaScript添加給定的標(biāo)簽選項(xiàng)
這篇文章給大家分享了JavaScript實(shí)現(xiàn)添加給定的標(biāo)簽選項(xiàng)的相關(guān)知識點(diǎn)內(nèi)容以及代碼實(shí)例,有興趣的朋友們參考下。2018-09-09JS實(shí)現(xiàn)微信里判斷頁面是否被分享成功的方法
這篇文章主要介紹了JS實(shí)現(xiàn)微信里判斷頁面是否被分享成功的方法,結(jié)合實(shí)例形式分析了js調(diào)用微信接口判斷網(wǎng)頁分享功能的相關(guān)操作技巧,需要的朋友可以參考下2017-06-06