相關(guān)閱讀:
js正則表達(dá)式基本語(yǔ)法(精粹)
正則表達(dá)式語(yǔ)法
一個(gè)正則表達(dá)式就是由普通字符(例如字符 a 到 z)以及特殊字符(稱為元字符)組成的文字模式。該模式描述在查找文字主體時(shí)待匹配的一個(gè)或多個(gè)字符串。正則表達(dá)式作為一個(gè)模板,將某個(gè)字符模式與所搜索的字符串進(jìn)行匹配。
定義
JavaScript種正則表達(dá)式有兩種定義方式,定義一個(gè)匹配類似 %XXX%> 的字符串
1. 構(gòu)造函數(shù)
復(fù)制代碼 代碼如下:
var reg=new RegExp('%[^%>]+%>','g');
2. 字面量
復(fù)制代碼 代碼如下:
g:global,全文搜索,默認(rèn)搜索到第一個(gè)結(jié)果接停止i:ingore case,忽略大小寫,默認(rèn)大小寫敏感m:multiple lines,多行搜索(更改^ 和$的含義,使它們分別在任意一行對(duì)待行首和行尾匹配,而不僅僅在整個(gè)字符串的開頭和結(jié)尾匹配)
元字符
正則表達(dá)式讓人望而卻步以一個(gè)重要原因就是其轉(zhuǎn)義字符太多了,組合非常之多,但是正則表達(dá)式的元字符(在正則表達(dá)式中具有特殊意義的專用字符,可以用來(lái)規(guī)定其前導(dǎo)字符)并不多
元字符:( [ { \ ^ $ | ) ? * + .
并不是每個(gè)元字符都有其特定意義,在不同的組合中元字符有不同的意義,分類看一下
字符類
一般情況下正則表達(dá)式一個(gè)字符(轉(zhuǎn)義字符算一個(gè))對(duì)應(yīng)字符串一個(gè)字符,表達(dá)式 ab\t 的含義是
但是我們可以使用元字符[]來(lái)構(gòu)建一個(gè)簡(jiǎn)單的類,所謂類是指,符合某些特征的對(duì)象,是一個(gè)泛指,而不是特指某個(gè)字符了,我們可以使用表達(dá)式 [abc] 把字符a或b或c歸為一類,表達(dá)式可以匹配這類的字符
元字符[]組合可以創(chuàng)建一個(gè)類,我們還可以使用元字符^創(chuàng)建反向類/負(fù)向類,反向類的意思是不屬于XXX類的內(nèi)容,表達(dá)式 [^abc] 表示不是字符a或b或c的內(nèi)容
范圍類
按照上面的說(shuō)明要是我們希望匹配單個(gè)數(shù)字那么表達(dá)式是這樣的
[0123456789]
如果是字母那么。。。,好麻煩,正則表達(dá)式還提供了范圍類,我們可以使用 x-y來(lái)連接兩個(gè)字符表示從x到y(tǒng)的任意字符,這是個(gè)閉區(qū)間,也就是說(shuō)包含x和ybenshen,這樣匹配小寫字母就很簡(jiǎn)單了
[a-z]
要是想匹配所有字母呢?在[]組成的類內(nèi)部是可以連寫的,我們還可以這樣寫[a-zA-Z]
預(yù)定義類
剛才使用正則我們創(chuàng)建了幾個(gè)類,來(lái)表示數(shù)字,字母等,但這樣寫也很是麻煩,正則表達(dá)式為我們提供了幾個(gè)常用的預(yù)定義類來(lái)匹配常見的字符
有了這些預(yù)定義類,寫一些正則就很方便了,比如我們希望匹配一個(gè) ab+數(shù)字+任意字符 的字符串,就可以這樣寫了 ab\d.
邊界
正則表達(dá)式還提供了幾個(gè)常用的邊界匹配字符
看個(gè)不負(fù)責(zé)任的郵箱正則匹配(切勿模仿,小括號(hào)后面會(huì)講到)\w+@\w+\.(com)$
量詞
之前我們介紹的方法都是一一匹配的,如果我們希望匹配一個(gè)連續(xù)出現(xiàn)20次數(shù)字的字符串難道我們需要寫成這樣
\d\d\d\d...
為此正則表達(dá)式引入了一些量詞
看幾個(gè)使用量詞的例子
\w+\b Byron 匹配 單詞+邊界+Byron
復(fù)制代碼 代碼如下:
(/\w+\b Byron/).test('Hi Byron'); //true(/\w+\b Byron/).test('Welcome Byron'); //true(/\w+\b Byron/).test('HiByron'); //false
\d+\.\d{1,3} 匹配三位小數(shù)的數(shù)字
貪婪模式與非貪婪模式
看了上面介紹的量詞,也許愛(ài)思考的同學(xué)會(huì)想到關(guān)于匹配原則的一些問(wèn)題,比如{3,5}這個(gè)量詞,要是在句子種出現(xiàn)了十次,那么他是每次匹配三個(gè)還是五個(gè),反正3、4、5都滿足3~5的條件,量詞在默認(rèn)下是盡可能多的匹配的,也就是大家常說(shuō)的貪婪模式
復(fù)制代碼 代碼如下:
'123456789'.match(/\d{3,5}/g); //["12345", "6789"]
既然有貪婪模式,那么肯定會(huì)有非貪婪模式,讓正則表達(dá)式盡可能少的匹配,也就是說(shuō)一旦成功匹配不不再繼續(xù)嘗試,做法很簡(jiǎn)單,在量詞后加上 ? 即可
復(fù)制代碼 代碼如下:
'123456789'.match(/\d{3,5}?/g); //["123", "456", "789"]
分組
有時(shí)候我們希望使用量詞的時(shí)候匹配多個(gè)字符,而不是像上面例子只是匹配一個(gè),比如希望匹配Byron出現(xiàn)20次的字符串,我們?nèi)绻麑懗葿yron{20} 的話匹配的是Byro+n出現(xiàn)20次,怎么把Byron作為一個(gè)整體呢?使用()就可以達(dá)到次目的,我們稱為分組
(Byron){20}
如果希望匹配Byron或Casper出現(xiàn)20次該怎么辦呢?可以使用字符 | 達(dá)到或的功效
(Byron|Casper){20}
我們看到圖中有個(gè)#1的東東,那是什么?使用分組的正則表達(dá)式會(huì)把匹配項(xiàng)也放到分組中,默認(rèn)就是按數(shù)字編號(hào)分發(fā)的,各異根據(jù)編號(hào)獲得捕獲的分組內(nèi)容,這個(gè)在一些希望具體操作第幾個(gè)匹配項(xiàng)的函數(shù)中很有用
(Byron).(ok)
如果有分組嵌套的情況,外面的組的編號(hào)靠前
((^|%>)[^\t]*)
有時(shí)候我們不希望捕獲某些分組,只需要在分組內(nèi)加上 ?: 就可以了,著并不意味著該分組內(nèi)容不屬于正則表達(dá)式,只是不會(huì)給這個(gè)分組加編號(hào)了而已
(?:Byron).(ok)
其實(shí)在C#等語(yǔ)言中分組還可以起名字,不過(guò)JavaScript不支持
前瞻表達(dá)式
說(shuō)的有些抽象,看個(gè)例子good(?=Byron)
復(fù)制代碼 代碼如下:
(/good(?=Byron)/).exec('goodByron123'); //['good'](/good(?=Byron)/).exec('goodCasper123'); //null(/bad(?=Byron)/).exec('goodCasper123');//null
通過(guò)上面例子可以看出 exp1(?=exp2) 表達(dá)式會(huì)匹配exp1表達(dá)式,但只有其后面內(nèi)容是exp2的時(shí)候才會(huì)匹配,也就是兩個(gè)條件,exp1(?!exp2) 比較類似
good(?!Byron)
復(fù)制代碼 代碼如下:
(/good(?!Byron)/).exec('goodByron123'); //null(/good(?!Byron)/).exec('goodCasper123'); //['good'](/bad(?!Byron)/).exec('goodCasper123');//null
以上所述是小編給大家介紹的JavaScript正則表達(dá)式上之基本語(yǔ)法(推薦)的相關(guān)知識(shí),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
您可能感興趣的文章:- Javascript中正則表達(dá)式的使用及基本語(yǔ)法
- 正則表達(dá)式基本語(yǔ)法及表單驗(yàn)證操作詳解【基于JS】
- JS正則表達(dá)式一條龍講解(從原理和語(yǔ)法到JS正則)
- 詳解js正則表達(dá)式語(yǔ)法介紹
- 老生常談JavaScript 正則表達(dá)式語(yǔ)法
- javascript正則表達(dá)式定義(語(yǔ)法)總結(jié)
- js正則表達(dá)式基本語(yǔ)法(精粹)
- js 玩轉(zhuǎn)正則表達(dá)式之語(yǔ)法高亮
- 正則表達(dá)式語(yǔ)法規(guī)則及在Javascript和C#中的使用方法
- javascript中正則表達(dá)式語(yǔ)法詳解