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

