一個(gè)正則表達(dá)式就是由普通字符（例如字符 a 到 z）以及特殊字符（稱(chēng)為元字符）組成的文字模式。該模式描述在查找文字主體時(shí)待匹配的一個(gè)或多個(gè)字符串。正則表達(dá)式作為一個(gè)模板，將某個(gè)字符模式與所搜索的字符串進(jìn)行匹配。

定義

JavaScript種正則表達(dá)式有兩種定義方式，定義一個(gè)匹配類(lèi)似 <%XXX%> 的字符串

1. 構(gòu)造函數(shù)

復(fù)制代碼代碼如下:

var reg=new RegExp('<%[^%>]+%>','g');

2. 字面量

復(fù)制代碼代碼如下:

var reg=/<%[^%>]%>/g;

g：global，全文搜索，默認(rèn)搜索到第一個(gè)結(jié)果接停止i：ingore case，忽略大小寫(xiě)，默認(rèn)大小寫(xiě)敏感m：multiple lines，多行搜索（更改^ 和$的含義，使它們分別在任意一行對(duì)待行首和行尾匹配，而不僅僅在整個(gè)字符串的開(kāi)頭和結(jié)尾匹配）

元字符

正則表達(dá)式讓人望而卻步以一個(gè)重要原因就是其轉(zhuǎn)義字符太多了，組合非常之多，但是正則表達(dá)式的元字符（在正則表達(dá)式中具有特殊意義的專(zhuān)用字符，可以用來(lái)規(guī)定其前導(dǎo)字符）并不多

元字符：( [ { \ ^ $ | ) ? * + .

并不是每個(gè)元字符都有其特定意義，在不同的組合中元字符有不同的意義，分類(lèi)看一下

字符類(lèi)

一般情況下正則表達(dá)式一個(gè)字符（轉(zhuǎn)義字符算一個(gè)）對(duì)應(yīng)字符串一個(gè)字符，表達(dá)式 ab\t 的含義是

但是我們可以使用元字符[]來(lái)構(gòu)建一個(gè)簡(jiǎn)單的類(lèi)，所謂類(lèi)是指，符合某些特征的對(duì)象，是一個(gè)泛指，而不是特指某個(gè)字符了，我們可以使用表達(dá)式 [abc] 把字符a或b或c歸為一類(lèi)，表達(dá)式可以匹配這類(lèi)的字符

元字符[]組合可以創(chuàng)建一個(gè)類(lèi)，我們還可以使用元字符^創(chuàng)建反向類(lèi)/負(fù)向類(lèi)，反向類(lèi)的意思是不屬于XXX類(lèi)的內(nèi)容，表達(dá)式 [^abc] 表示不是字符a或b或c的內(nèi)容

范圍類(lèi)

按照上面的說(shuō)明要是我們希望匹配單個(gè)數(shù)字那么表達(dá)式是這樣的

[0123456789]

如果是字母那么。。。，好麻煩，正則表達(dá)式還提供了范圍類(lèi)，我們可以使用 x-y來(lái)連接兩個(gè)字符表示從x到y(tǒng)的任意字符，這是個(gè)閉區(qū)間，也就是說(shuō)包含x和ybenshen，這樣匹配小寫(xiě)字母就很簡(jiǎn)單了

[a-z]

要是想匹配所有字母呢？在[]組成的類(lèi)內(nèi)部是可以連寫(xiě)的，我們還可以這樣寫(xiě)[a-zA-Z]

預(yù)定義類(lèi)

剛才使用正則我們創(chuàng)建了幾個(gè)類(lèi)，來(lái)表示數(shù)字，字母等，但這樣寫(xiě)也很是麻煩，正則表達(dá)式為我們提供了幾個(gè)常用的預(yù)定義類(lèi)來(lái)匹配常見(jiàn)的字符

有了這些預(yù)定義類(lèi)，寫(xiě)一些正則就很方便了，比如我們希望匹配一個(gè) ab+數(shù)字+任意字符的字符串，就可以這樣寫(xiě)了 ab\d.

邊界

正則表達(dá)式還提供了幾個(gè)常用的邊界匹配字符

看個(gè)不負(fù)責(zé)任的郵箱正則匹配（切勿模仿，小括號(hào)后面會(huì)講到）\w+@\w+\.(com)$

量詞

之前我們介紹的方法都是一一匹配的，如果我們希望匹配一個(gè)連續(xù)出現(xiàn)20次數(shù)字的字符串難道我們需要寫(xiě)成這樣

\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都滿(mǎn)足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)绻麑?xiě)成Byron{20} 的話(huà)匹配的是Byro＋n出現(xiàn)20次，怎么把Byron作為一個(gè)整體呢？使用()就可以達(dá)到次目的，我們稱(chēng)為分組

(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) 比較類(lèi)似

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)站的支持！

您可能感興趣的文章: