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