javascript正則表達(dá)式RegExp入門圖文教程

正則表達(dá)式是啥？

正則表達(dá)式又叫作“規(guī)則表達(dá)式”（Regular Expression 即 RegExp），是計(jì)算機(jī)科學(xué)的一個(gè)概念。

正則表達(dá)式有什么用？

它常被用來搜索、替換那些符合某個(gè)模式的文本。

正則表達(dá)式是：用來匹配特殊字符或有特殊搭配原則的字符的最佳選擇。

轉(zhuǎn)義字符“\”

例子：在var str = "asdfghj" 中加入一個(gè)"字符在正常情況下是無法成立的，但運(yùn)用正則表達(dá)式中的轉(zhuǎn)義字符則"\"可以讓他成立；

在”前加入轉(zhuǎn)義符“\”可以使得變量成立，在圖中轉(zhuǎn)義字符+雙引號(hào)成功變?yōu)橐粋€(gè)文本符號(hào)這時(shí)在瀏覽器中就可以輸出"asdf"ghjs"

字符串換行符\n

例子：在var str = "asdfghj" 中進(jìn)行換行

得到結(jié)果

如何創(chuàng)建正則表達(dá)式

1.直接量

var reg = //；在斜線之間寫內(nèi)容

var reg = /abc/; 表示匹配一個(gè)規(guī)則abc，在 var str = "abcdef";通過reg.test(str)對(duì)str進(jìn)行測(cè)試是否含有reg規(guī)定的字符串,若有返回true，若沒有返回false

在//后可寫屬性值 （i， m， g）

2.new RegExp()

效果同直接量含有正則表達(dá)式中的值返回true，若不含有返回false

在RegExp中可寫屬性值：RegExp（"abc",參數(shù)（i，g，m））

正則表達(dá)式的三個(gè)修飾符： i, m, g

i: 不區(qū)分大小寫

m：執(zhí)行多行匹配

var reg = /^a/;表示查找的開頭字符為a的，這時(shí)間str中沒有符合此要求的字符，但若在reg = /^a/m;實(shí)行多行匹配，則可以識(shí)別換行符\n。在有換行符時(shí)認(rèn)為\n前為一行、\n后為一行

g: 執(zhí)行全局匹配 （查找所有匹配而非在找到第一個(gè)匹配后停止）

正則表達(dá)式中的方法：reg.test(); 返回結(jié)果true/false

變量中的方法：str.match(); 可將結(jié)果返回出來，效果更為直觀

表達(dá)式

[]:可在[]寫入范圍

[^abc]:開頭為abc

[0-9]:范圍0-9

[a-z]:范圍a-z

[A-Z]范圍A-Z

[A-z]范圍A-Z，a-z

|：表示或

元字符：

\w:單詞字符

\W:非單詞字符

\d：數(shù)字

\D:非數(shù)字

\s：空白字符（包含：空格符，制表符，回車符，換行符，垂直換行符，換頁符）

\S:非空白字符

\n：換行符

\r：回車符

\b:單詞邊界

\B:非單詞邊界

\t：制表符

. ：表示除了\r\n外的所有字符

量詞（以下n為代表數(shù)量的詞）

n+：可以出現(xiàn)1到無數(shù)次

n*：可以出現(xiàn)0到無數(shù)次,末尾邏輯距離算為空

n？可以出現(xiàn)0或一個(gè)字符串，邏輯距離為空

n{X}：可以出現(xiàn)X個(gè)n的字符串

n{X，Y}：匹配包含X至Y個(gè)n的字符串(符合貪婪匹配原則能多就不少)

n{X，}：匹配包含至少X個(gè)n的字符串(符合貪婪匹配原則能多就不少)

^n:以n開頭

n$:以n結(jié)尾

ReegExp對(duì)象屬性：

ignoreCase：RegExp對(duì)象是否含有修飾符i

global： RegExp對(duì)象是否含有修飾符g

multiline： RegExp對(duì)象是否含有修飾符m

source: 顯示正則表達(dá)式函數(shù)體

正則表達(dá)式方法：

test：檢查字符串中指定的值。返回ture/false

exec：檢查字符串中指定的值。返回值并確定其位置。

匹配的位置隨著其光標(biāo)的起始位置變化而變化。當(dāng)光標(biāo)移動(dòng)到最后位會(huì)返回null，再次執(zhí)行則會(huì)從頭執(zhí)行

下圖中

"ab"未返回值，

index為光標(biāo)位置

字符串對(duì)象的方法：

match：找到一個(gè)或多個(gè)正則表達(dá)式的匹配。返回匹配值。

search：檢查與正則表達(dá)式相匹配的值，返回其光標(biāo)所處的位置。如果匹配不到返回-1.

split：拆分字符串。

replace：替換與正則表達(dá)式相匹配的字符串。

例子：將var str = "aabb"替換為"bbaa"

1. var reg = /(\w)\1(\w)\2/g;

console.log(str.replace(reg,"$2$2$1$1"));

\\輸出結(jié)果為："bbaa"

2. var reg = /(\w)\1(\w)\2/g;

console.log(str.replace(reg, function ($, $1, $2) {

return $2 + $2 + $1 + $1;

}));

\\輸出結(jié)果為："bbaa"

其中$為正則表達(dá)式全局，$1為第一個(gè)自變量 "(\w)\1",$2代表第二個(gè)自變量"(\w)\2";

例子：the-first-name 變?yōu)樾☆^峰模式（theFirstName）；

其中$為正則表達(dá)式全局，$1為第一個(gè)自變量 "-(\w)"

正向預(yù)查(正向斷言)：在正則中只參與限定不參與選擇

1.在正則表達(dá)式中查看 var str = "abaaaa"中身后帶b的字符串,但輸出時(shí)不顯示b字符；

var str = "abaaaa";

var reg = /a(? = b)/g; //表示a后面跟著b但b參與選擇只參與限定

2. 在正則表達(dá)式中查看 var str = "abaaaa"中身后不帶b的字符串；

var reg = /a(? !b)/g; //表示查找a后沒有b字符的字符串；

非貪婪匹配：正則表達(dá)式中默認(rèn)貪婪匹配，但我們可以通過方法將貪婪匹配變?yōu)榉秦澙菲ヅ?。在任何量詞后加？

reg = /n{1,}/ ; //這時(shí)n的個(gè)數(shù)在1~無窮大之間，而在貪婪匹配的作用下，取值個(gè)數(shù)會(huì)盡可能變大；

reg = /n(1,)?/ ; //在n(1,)后加入？，這時(shí)正則匹配，取值會(huì)以最小個(gè)數(shù)為基準(zhǔn)；

2. 正則表達(dá)式中的一些高級(jí)規(guī)則

2.1 匹配次數(shù)中的貪婪與非貪婪

在使用修飾匹配次數(shù)的特殊符號(hào)時(shí)，有幾種表示方法可以使同一個(gè)表達(dá)式能夠匹配不同的次數(shù)，比如："{m,n}", "{m,}", "?", "*", "+"，具體匹配的次數(shù)隨被匹配的字符串而定。這種重復(fù)匹配不定次數(shù)的表達(dá)式在匹配過程中，總是盡可能多的匹配。比如，針對(duì)文本 "dxxxdxxxd"，舉例如下：

由此可見，"\w+" 在匹配的時(shí)候，總是盡可能多的匹配符合它規(guī)則的字符。雖然第二個(gè)舉例中，它沒有匹配最后一個(gè) "d"，但那也是為了讓整個(gè)表達(dá)式能夠匹配成功。同理，帶 "*" 和 "{m,n}" 的表達(dá)式都是盡可能地多匹配，帶 "?" 的表達(dá)式在可匹配可不匹配的時(shí)候，也是盡可能的 "要匹配"。這 種匹配原則就叫作 "貪婪" 模式 。

非貪婪模式：

在修飾匹配次數(shù)的特殊符號(hào)后再加上一個(gè) "?" 號(hào)，則可以使匹配次數(shù)不定的表達(dá)式盡可能少的匹配，使可匹配可不匹配的表達(dá)式，盡可能的 "不匹配"。這種匹配原則叫作 "非貪婪" 模式，也叫作 "勉強(qiáng)" 模式。如果少匹配就會(huì)導(dǎo)致整個(gè)表達(dá)式匹配失敗的時(shí)候，與貪婪模式類似，非貪婪模式會(huì)最小限度的再匹配一些，以使整個(gè)表達(dá)式匹配成功。舉例如下，針對(duì)文本 "dxxxdxxxd" 舉例：

更多的情況，舉例如下：

舉例1：表達(dá)式 "td>(.*)/td>" 與字符串 "td>p>aa/p>/td> td>p>bb/p>/td>" 匹配時(shí)，匹配的結(jié)果是：成功；匹配到的內(nèi)容是 "td>p>aa/p>/td> td>p>bb/p>/td>" 整個(gè)字符串， 表達(dá)式中的 "/td>" 將與字符串中最后一個(gè) "/td>" 匹配。

舉例2：相比之下，表達(dá)式 "td>(.*?)/td>" 匹配舉例1中同樣的字符串時(shí)，將只得到 "td>p>aa/p>/td>"， 再次匹配下一個(gè)時(shí)，可以得到第二個(gè) "td>p>bb/p>/td>"。

2.2 反向引用 \1, \2...

表達(dá)式在匹配時(shí)，表達(dá)式引擎會(huì)將小括號(hào) "( )" 包含的表達(dá)式所匹配到的字符串記錄下來。在獲取匹配結(jié)果的時(shí)候，小括號(hào)包含的表達(dá)式所匹配到的字符串可以單獨(dú)獲取。這一點(diǎn)，在前面的舉例中，已經(jīng)多次展示了。在實(shí)際應(yīng)用場(chǎng)合中，當(dāng)用某種邊界來查找，而所要獲取的內(nèi)容又不包含邊界時(shí)，必須使用小括號(hào)來指定所要的范圍。比如前面的 "td>(.*?)/td>"。

其實(shí)，"小括號(hào)包含的表達(dá)式所匹配到的字符串" 不僅是在匹配結(jié)束后才可以使用，在匹配過程中也可以使用。表達(dá)式后邊的部分，可以引用前面 "括號(hào)內(nèi)的子匹配已經(jīng)匹配到的字符串"。引用方法是 "\" 加上一個(gè)數(shù)字。"\1" 引用第1對(duì)括號(hào)內(nèi)匹配到的字符串，"\2" 引用第2對(duì)括號(hào)內(nèi)匹配到的字符串……以此類推，如果一對(duì)括號(hào)內(nèi)包含另一對(duì)括號(hào)，則外層的括號(hào)先排序號(hào)。換句話說，哪一對(duì)的左括號(hào) "(" 在前，那這一對(duì)就先排序號(hào)。

舉例如下：

舉例1：表達(dá)式 "('|")(.*?)(\1)" 在匹配 " 'Hello', "World" " 時(shí)，匹配結(jié)果是：成功；匹配到的內(nèi)容是：" 'Hello' "。再次匹配下一個(gè)時(shí)，可以匹配到 " "World" "。

舉例2：表達(dá)式 "(\w)\1{4,}" 在匹配 "aa bbbb abcdefg ccccc 111121111 999999999" 時(shí)，匹配結(jié)果是：成功；匹配到的內(nèi)容是 "ccccc"。再次匹配下一個(gè)時(shí)，將得到 999999999。這個(gè)表達(dá)式要求 "\w" 范圍的字符至少重復(fù)5次， 注意與 "\w{5,}" 之間的區(qū)別。

舉例3：表達(dá)式 "(\w+)\s*(\w+(=('|").*?\4)?\s*)*>.*?/\1>" 在匹配 "td id='td1' style="bgcolor:white">/td>" 時(shí)，匹配結(jié)果是成功。如果 "td>" 與 "/td>" 不配對(duì)，則會(huì)匹配失?。蝗绻某善渌鋵?duì)，也可以匹配成功。

2.3 預(yù)搜索，不匹配；反向預(yù)搜索，不匹配

前面的章節(jié)中，我講到了幾個(gè)代表抽象意義的特殊符號(hào)："^"，"$"，"\b"。它們都有一個(gè)共同點(diǎn)，那就是：它們本身不匹配任何字符，只是對(duì) "字符串的兩頭" 或者 "字符之間的縫隙" 附加了一個(gè)條件。理解到這個(gè)概念以后，本節(jié)將繼續(xù)介紹另外一種對(duì) "兩頭" 或者 "縫隙" 附加條件的，更加靈活的表示方法。

正向預(yù)搜索："(?=xxxxx)"，"(?!xxxxx)"

格式："(?=xxxxx)"，在被匹配的字符串中，它對(duì)所處的 "縫隙" 或者 "兩頭" 附加的條件是：所在縫隙的右側(cè)，必須能夠匹配上 xxxxx 這部分的表達(dá)式。因?yàn)樗皇窃诖俗鳛檫@個(gè)縫隙上附加的條件，所以它并不影響后邊的表達(dá)式去真正匹配這個(gè)縫隙之后的字符。這就類似 "\b"，本身不匹配任何字符。"\b" 只是將所在縫隙之前、之后的字符取來進(jìn)行了一下判斷，不會(huì)影響后邊的表達(dá)式來真正的匹配。

舉例1：表達(dá)式 "Windows (?=NT|XP)" 在匹配 "Windows 98, Windows NT, Windows 2000" 時(shí)，將只匹配 "Windows NT" 中的 "Windows "，其他的 "Windows " 字樣則不被匹配。

舉例2：表達(dá)式 "(\w)((?=\1\1\1)(\1))+" 在匹配字符串 "aaa ffffff 999999999" 時(shí)，將可以匹配6個(gè)"f"的前4個(gè)，可以匹配9個(gè)"9"的前7個(gè)。這個(gè)表達(dá)式可以讀解成：重復(fù)4次以上的字母數(shù)字，則匹配其剩下最后2位之前的部分。當(dāng)然，這個(gè)表達(dá)式可以不這樣寫，在此的目的是作為演示之用。

格式："(?!xxxxx)"，所在縫隙的右側(cè)，必須不能匹配 xxxxx 這部分表達(dá)式。

舉例3：表達(dá)式 "((?!\bstop\b).)+" 在匹配 "fdjka ljfdl stop fjdsla fdj" 時(shí)，將從頭一直匹配到 "stop" 之前的位置，如果字符串中沒有 "stop"，則匹配整個(gè)字符串。

舉例4：表達(dá)式 "do(?!\w)" 在匹配字符串 "done, do, dog" 時(shí)，只能匹配 "do"。在本條舉例中，"do" 后邊使用 "(?!\w)" 和使用 "\b" 效果是一樣的。

反向預(yù)搜索："(?=xxxxx)"，"(?!xxxxx)"

這兩種格式的概念和正向預(yù)搜索是類似的，反向預(yù)搜索要求的條件是：所在縫隙的 "左側(cè)"，兩種格式分別要求必須能夠匹配和必須不能夠匹配指定表達(dá)式，而不是去判斷右側(cè)。與 "正向預(yù)搜索" 一樣的是：它們都是對(duì)所在縫隙的一種附加條件，本身都不匹配任何字符。

舉例5：表達(dá)式 "(?=\d{4})\d+(?=\d{4})" 在匹配 "1234567890123456" 時(shí)，將匹配除了前4個(gè)數(shù)字和后4個(gè)數(shù)字之外的中間8個(gè)數(shù)字。由于 JScript.RegExp 不支持反向預(yù)搜索，因此，本條舉例不能夠進(jìn)行演示。很多其他的引擎可以支持反向預(yù)搜索，比如：Java 1.4 以上的 java.util.regex 包，.NET 中System.Text.RegularExpressions 命名空間，以及本站推薦的最簡(jiǎn)單易用的 DEELX 正則引擎。