淺談JavaScript正則表達(dá)式分組匹配
更新時(shí)間：2015年04月10日 08:59:52 投稿：hebedich
一個(gè)正則表達(dá)式要如何書(shū)寫才能同時(shí)匹配這兩個(gè)數(shù)字呢？簡(jiǎn)單的字符表達(dá)式當(dāng)然無(wú)法完成了，這個(gè)時(shí)候我們就可以定義一個(gè)字符集合（字符類）來(lái)進(jìn)行匹配。這就是分組匹配了
語(yǔ)法
元字符：(pattern) 作用：用于反復(fù)匹配的分組
屬性$1~$9 如果它(們)存在，用于得到對(duì)應(yīng)分組中匹配到的子串
\1或$1 用于匹配第一個(gè)分組中的內(nèi)容
\2或$2 用于匹配第一個(gè)分組中的內(nèi)容
...
\9或$9 用于匹配第一個(gè)分組中的內(nèi)容
用法示例
var reg = /(A+)((B|C|D)+)(E+)/gi;//該正則表達(dá)式有4個(gè)分組 //對(duì)應(yīng)關(guān)系 //RegExp.$1 <-> (A+) //RegExp.$2 <-> ((B|C|D)+) //RegExp.$3 <-> (B|C|D) //RegExp.$4 <-> (E+)
以上的代碼也同時(shí)給出了$1~$9的用法
$1~$9是正則表達(dá)式預(yù)定義的靜態(tài)屬性，通過(guò)RegExp.$1引用
分組嵌套關(guān)系說(shuō)明
上述代碼也可以說(shuō)明分組的嵌套關(guān)系
//測(cè)試環(huán)境 Chrome瀏覽器 var str = "ABCDE"; var reg = /(A+)((B|C|D)+)(E+)/gi; str.match(reg);//輸出：["ABCDE"] reg.exec(str,'i');//輸出：["ABCDE", "A", "BCD", "D", "E"] RegExp.$1;//輸出："A" RegExp.$2;//輸出："BCD" RegExp.$3;//輸出："D" RegExp.$4;//輸出："E"
這樣就可以很明白的看出分組的嵌套關(guān)系了
總結(jié)來(lái)說(shuō)：大的分組中存在小的分組時(shí)，小的分組是排在該大分組后面的分組，以此類推
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
相關(guān)文章
JavaScript EasyPager 分頁(yè)函數(shù)
好久不寫js,手都有點(diǎn)生了。寫個(gè)小東西熱手。2011-05-05
這篇文章主要為大家詳細(xì)介紹了javascript淘寶主圖放大鏡功能,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
parabola.js拋物線與加入購(gòu)物車效果的示例代碼
本篇文章主要介紹了parabola.js拋物線與加入購(gòu)物車效果的示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
關(guān)于實(shí)現(xiàn)代碼語(yǔ)法標(biāo)亮 dp.SyntaxHighlighter
關(guān)于實(shí)現(xiàn)代碼語(yǔ)法標(biāo)亮 dp.SyntaxHighlighter...2007-02-02
這篇文章主要介紹了通過(guò)實(shí)例講解JS如何防抖動(dòng)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了JS出現(xiàn)404錯(cuò)誤原理及解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
利用ES6實(shí)現(xiàn)單例模式及其應(yīng)用詳解
單例是在程序設(shè)計(jì)非常基礎(chǔ)的東西，這篇文章主要給大家介紹了關(guān)于利用ES6實(shí)現(xiàn)單例模式及其應(yīng)用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12
話說(shuō)以前我轉(zhuǎn)過(guò)一片文章,講的是 JavaScript中||和&&的妙用, 下面是一些優(yōu)化寫法。2010-02-02
js 利用className得到對(duì)象的實(shí)現(xiàn)代碼
利用className得到對(duì)象的實(shí)現(xiàn)代碼，大家可以看下代碼的實(shí)現(xiàn)原理。2011-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序canvas實(shí)現(xiàn)簽名功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01