1. 程式人生 > >js正則表示式語法

js正則表示式語法

正則表示式規則

普通字元

字母、數字、漢字、下劃線、以及後邊章節中沒有特殊定義的標點符號,都是”普通字元”。表示式中的普通字元,在匹配一個字串的時候,匹配與之相同的一個字元。

舉例1:表示式 “c”,在匹配字串 “abcde” 時,匹配結果是:成功;匹配到的內容是:”c”;匹配到的位置是:開始於2,結束於3。(注:下標從0開始還是從1開始,因當前程式語言的不同而可能不同)

舉例2:表示式 “bcd”,在匹配字串 “abcde” 時,匹配結果是:成功;匹配到的內容是:”bcd”;匹配到的位置是:開始於1,結束於4。


1.2 簡單的轉義字元

一些不便書寫的字元,採用在前面加 "/" 的方法。這些字元其實我們都已經熟知了。
表示式 可匹配
/r, /n 代表回車和換行符
/t 製表符
// 代表 “/” 本身


還有其他一些在後邊章節中有特殊用處的標點符號,在前面加 “/” 後,就代表該符號本身。比如:^, $都有特殊意義,如果要想匹配字串中 “^” 和 “$” 字元,則表示式就需要寫成 “^” 和 “$”。

表示式 可匹配
/^ 匹配 ^ 符號本身
/ | 符號本身
/. 匹配小數點(.)本身


這些轉義字元的匹配方法與 “普通字元” 是類似的。也是匹配與之相同的一個字元。

舉例1:表示式 “/$d”,在匹配字串 “abc$de” 時,匹配結果是:成功;匹配到的內容是:”$d”;匹配到的位置是:開始於3,結束於5。

1.3 能夠與 ‘多種字元’ 匹配的表示式

正則表示式中的一些表示方法,可以匹配 ‘多種字元’ 其中的任意一個字元。比如,表示式 “/d” 可以匹配任意一個數字。雖然可以匹配其中任意字元,但是隻能是一個,不是多個。這就好比玩撲克牌時候,大小王可以代替任意一張牌,但是隻能代替一張牌。

表示式 可匹配
/d 任意一個數字,0~9 中的任意一個
/w 任意一個字母或數字或下劃線,也就是 A~Z,a~z,0~9,_ 中任意一個
/s 包括空格、製表符、換頁符等空白字元的其中任意一個
. 小數點可以匹配除了換行符(/n)以外的任意一個字元


舉例1:表示式 “/d/d”,在匹配 “abc123” 時,匹配的結果是:成功;匹配到的內容是:”12”;匹配到的位置是:開始於3,結束於5。

舉例2:表示式 “a./d”,在匹配 “aaa100” 時,匹配的結果是:成功;匹配到的內容是:”aa1”;匹配到的位置是:開始於1,結束於4。


1.4 自定義能夠匹配 ‘多種字元’ 的表示式

使用方括號 [ ] 包含一系列字元,能夠匹配其中任意一個字元。用 [^ ] 包含一系列字元,則能夠匹配其中字元之外的任意一個字元。同樣的道理,雖然可以匹配其中任意一個,但是隻能是一個,不是多個。

表示式 可匹配
[[email protected]] 匹配 “a” 或 “b” 或 “5” 或 “@”
[^abc] 匹配 “a”,”b”,”c” 之外的任意一個字元
[f-k] 匹配 “f”~”k” 之間的任意一個字母
[^A-F0-3] 匹配 “A”~”F”,”0”~”3” 之外的任意一個字元


舉例1:表示式 “[bcd][bcd]” 匹配 “abc123” 時時,匹配的結果是:成功;匹配到的內容是:”bc”;匹配到的位置是:開始於1,結束於3。

舉例2:表示式 “[^abc]” 匹配 “abc123” 時,匹配的結果是:成功;匹配到的內容是:”1”;匹配到的位置是:開始於3,結束於4。


1.5 修飾匹配次數的特殊符號

前面章節中講到的表示式,無論是隻能匹配一種字元的表示式,還是可以匹配多種字元其中任意一個的表示式,都只能匹配一次。如果使用表示式再加上修飾匹配次數的特殊符號,那麼不用重複書寫表示式就可以重複匹配。

使用方法是:”次數修飾”放在”被修飾的表示式”後邊。比如:”[bcd][bcd]” 可以寫成 “[bcd]{2}”。

表示式 作用
{n} 表示式重複n次,比如:”/w{2}” 相當於 “/w/w”;”a{5}” 相當於 “aaaaa”
{m,n} 表示式至少重複m次,最多重複n次,比如:”ba{1,3}”可以匹配 “ba”或”baa”或”baaa”
{m,} 表示式至少重複m次,比如:”/w/d{2,}”可以匹配 “a12”,”_456”,”M12344”…
? 匹配表示式0次或者1次,相當於 {0,1},比如:”a[cd]?”可以匹配 “a”,”ac”,”ad”
+ 表示式至少出現1次,相當於 {1,},比如:”a+b”可以匹配 “ab”,”aab”,”aaab”…
* 表示式不出現或出現任意次,相當於 {0,},比如:”/^*b”可以匹配 “b”,”^^^b”…


舉例1:表示式 “/d+/.?/d*” 在匹配 “It costs $12.5” 時,匹配的結果是:成功;匹配到的內容是:”12.5”;匹配到的位置是:開始於10,結束於14。

舉例2:表示式 “go{2,8}gle” 在匹配 “Ads by goooooogle” 時,匹配的結果是:成功;匹配到的內容是:”goooooogle”;匹配到的位置是:開始於7,結束於17。


1.6 其他一些代表抽象意義的特殊符號

一些符號在表示式中代表抽象的特殊意義:

表示式 作用
^ 與字串開始的地方匹配,不匹配任何字元
$ 與字串結束的地方匹配,不匹配任何字元
/b 匹配一個單詞邊界,也就是單詞和空格之間的位置,不匹配任何字元


進一步的文字說明仍然比較抽象,因此,舉例幫助大家理解。

舉例1:表示式 “^aaa” 在匹配 “xxx aaa xxx” 時,匹配結果是:失敗。因為 “^” 要求與字串開始的地方匹配,因此,只有當 “aaa” 位於字串的開頭的時候,”^aaa” 才能匹配,比如:”aaa xxx xxx”。

舉例2:表示式 “aaa$” 在匹配 “xxx aaa xxx” 時,匹配結果是:失敗。因為 “$” 要求與字串結束的地方匹配,因此,只有當 “aaa” 位於字串的結尾的時候,”aaa$” 才能匹配,比如:”xxx xxx aaa”。

舉例3:表示式 “./b.” 在匹配 “@@@abc” 時,匹配結果是:成功;匹配到的內容是:”@a”;匹配到的位置是:開始於2,結束於4。
進一步說明:”/b” 與 “^” 和 “$” 類似,本身不匹配任何字元,但是它要求它在匹配結果中所處位置的左右兩邊,其中一邊是 “/w” 範圍,另一邊是 非”/w” 的範圍。

舉例4:表示式 “/bend/b” 在匹配 “weekend,endfor,end” 時,匹配結果是:成功;匹配到的內容是:”end”;匹配到的位置是:開始於15,結束於18。

一些符號可以影響表示式內部的子表示式之間的關係:

表示式 作用
| 左右兩邊表示式之間 “或” 關係,匹配左邊或者右邊
( ) (1). 在被修飾匹配次數的時候,括號中的表示式可以作為整體被修飾
(2). 取匹配結果的時候,括號中的表示式匹配到的內容可以被單獨得到


舉例5:表示式 “Tom|Jack” 在匹配字串 “I’m Tom, he is Jack” 時,匹配結果是:成功;匹配到的內容是:”Tom”;匹配到的位置是:開始於4,結束於7。匹配下一個時,匹配結果是:成功;匹配到的內容是:”Jack”;匹配到的位置時:開始於15,結束於19。

舉例6:表示式 “(go/s*)+” 在匹配 “Let’s go go go!” 時,匹配結果是:成功;匹配到內容是:”go go go”;匹配到的位置是:開始於6,結束於14。

舉例7:表示式 “¥(/d+/.?/d*)” 在匹配 “$10.9,¥20.5” 時,匹配的結果是:成功;匹配到的內容是:”¥20.5”;匹配到的位置是:開始於6,結束於10。單獨獲取括號範圍匹配到的內容是:”20.5”。


2. 正則表示式中的一些高階規則

2.1 匹配次數中的貪婪與非貪婪

在使用修飾匹配次數的特殊符號時,有幾種表示方法可以使同一個表示式能夠匹配不同的次數,比如:”{m,n}”, “{m,}”, “?”, “*”, “+”,具體匹配的次數隨被匹配的字串而定。這種重複匹配不定次數的表示式在匹配過程中,總是儘可能多的匹配。比如,針對文字 “dxxxdxxxd”,舉例如下:

表示式 匹配結果
[(d)(/w+)] “/w+” 將匹配第一個 “d” 之後的所有字元 “xxxdxxxd”
(d)(/w+)(d) “/w+” 將匹配第一個 “d” 和最後一個 “d” 之間的所有字元 “xxxdxxx”。雖然 “/w+” 也能夠匹配上最後一個 “d”,但是為了使整個表示式匹配成功,”/w+” 可以 “讓出” 它本來能夠匹配的最後一個 “d”


由此可見,”/w+” 在匹配的時候,總是儘可能多的匹配符合它規則的字元。雖然第二個舉例中,它沒有匹配最後一個 “d”,但那也是為了讓整個表示式能夠匹配成功。同理,帶 “*” 和 “{m,n}” 的表示式都是儘可能地多匹配,帶 “?” 的表示式在可匹配可不匹配的時候,也是儘可能的 “要匹配”。這 種匹配原則就叫作 “貪婪” 模式 。

非貪婪模式:

在修飾匹配次數的特殊符號後再加上一個 “?” 號,則可以使匹配次數不定的表示式儘可能少的匹配,使可匹配可不匹配的表示式,儘可能的 “不匹配”。這種匹配原則叫作 “非貪婪” 模式,也叫作 “勉強” 模式。如果少匹配就會導致整個表示式匹配失敗的時候,與貪婪模式類似,非貪婪模式會最小限度的再匹配一些,以使整個表示式匹配成功。舉例如下,針對文字 “dxxxdxxxd” 舉例:

表示式 匹配結果
(d)(/w+?) “/w+?” 將盡可能少的匹配第一個 “d” 之後的字元,結果是:”/w+?” 只匹配了一個 “x”
(d)(/w+?)(d) 為了讓整個表示式匹配成功,”/w+?” 不得不匹配 “xxx” 才可以讓後邊的 “d” 匹配,從而使整個表示式匹配成功。因此,結果是:”/w+?” 匹配 “xxx”


更多的情況,舉例如下:

舉例1:表示式 "<td>(.*)</td>" 與字串"<td><p>aa</p></td> <td><p>bb</p></td>" 匹配時 ,匹配的結果是:成功;匹配到的內容是 "<td><p>aa</p></td> <td><p>bb</p></td>" 整個字串, 表示式中的 "</td>" 將與字串中最後一個 "</td>" 匹配。

舉例2:相比之下,表示式 "<td>(.*?)</td>" 匹配舉例1中同樣的字串時 ,將只得到 "<td><p>aa</p></td>", 再次匹配下一個時,可以得到第二個 "<td><p>bb</p></td>"


2.2 反向引用 /1, /2…

表示式在匹配時,表示式引擎會將小括號 “( )” 包含的表示式所匹配到的字串記錄下來。在獲取匹配結果的時候,小括號包含的表示式所匹配到的字串可以單獨獲取。這一點,在前面的舉例中,已經多次展示了。在實際應用場合中,當用某種邊界來查詢,而所要獲取的內容又不包含邊界時,必須使用小括號來指定所要的範圍。比如前面的 “(.*?)“。

其實,”小括號包含的表示式所匹配到的字串” 不僅是在匹配結束後才可以使用,在匹配過程中也可以使用。表示式後邊的部分,可以引用前面 “括號內的子匹配已經匹配到的字串”。引用方法是 “/” 加上一個數字。”/1” 引用第1對括號內匹配到的字串,”/2” 引用第2對括號內匹配到的字串……以此類推,如果一對括號內包含另一對括號,則外層的括號先排序號。換句話說,哪一對的左括號 “(” 在前,那這一對就先排序號。

舉例如下:

舉例1:表示式 “(‘|”)(.*?)(/1)” 在匹配 ” ‘Hello’, “World” ” 時 ,匹配結果是:成功;匹配到的內容是:” ‘Hello’ “。再次匹配下一個時,可以匹配到 ” “World” “。

舉例2:表示式 “(/w)/1{4,}” 在匹配 “aa bbbb abcdefg ccccc 111121111 999999999” 時 ,匹配結果是:成功;匹配到的內容是 “ccccc”。再次匹配下一個時,將得到 999999999。這個表示式要求 “/w” 範圍的字元至少重複5次,注意與 “/w{5,}” 之間的區別。

舉例3:表示式 "<(/w+)/s*(/w+(=('|").*?/4)?/s*)*>.*?<//1>" 在匹配 “” 時 ,匹配結果是成功。如果 "<td>""</td>" 不配對,則會匹配失敗;如果改成其他配對,也可以匹配成功。


2.3 預搜尋,不匹配;反向預搜尋,不匹配

前面的章節中,我講到了幾個代表抽象意義的特殊符號:”^”,”$”,”/b”。它們都有一個共同點,那就是:它們本身不匹配任何字元,只是對 “字串的兩頭” 或者 “字元之間的縫隙” 附加了一個條件。理解到這個概念以後,本節將繼續介紹另外一種對 “兩頭” 或者 “縫隙” 附加條件的,更加靈活的表示方法。

  正向預搜尋:"(?=xxxxx)","(?!xxxxx)"

格式:”(?=xxxxx)”,在被匹配的字串中,它對所處的 “縫隙” 或者 “兩頭” 附加的條件是:所在縫隙的右側,必須能夠匹配上 xxxxx 這部分的表示式。因為它只是在此作為這個縫隙上附加的條件,所以它並不影響後邊的表示式去真正匹配這個縫隙之後的字元。這就類似 “/b”,本身不匹配任何字元。”/b” 只是將所在縫隙之前、之後的字元取來進行了一下判斷,不會影響後邊的表示式來真正的匹配。

舉例1:表示式 "Windows (?=NT|XP)" 在匹配 “Windows 98, Windows NT, Windows 2000” 時,將只匹配 “Windows NT” 中的 “Windows “,其他的 “Windows ” 字樣則不被匹配。

舉例2:表示式 "(/w)((?=/1/1/1)(/1))+" 在匹配字串 “aaa ffffff 999999999” 時,將可以匹配6個”f”的前4個,可以匹配9個”9”的前7個。這個表示式可以讀解成:重複4次以上的字母數字,則匹配其剩下最後2位之前的部分。當然,這個表示式可以不這樣寫,在此的目的是作為演示之用。

格式:"(?!xxxxx)",所在縫隙的右側,必須不能匹配 xxxxx 這部分表示式。

舉例3:表示式 "((?!/bstop/b).)+" 在匹配 “fdjka ljfdl stop fjdsla fdj” 時,將從頭一直匹配到 “stop” 之前的位置,如果字串中沒有 “stop”,則匹配整個字串。

舉例4:表示式 "do(?!/w)" 在匹配字串 “done, do, dog” 時,只能匹配 “do”。在本條舉例中,”do” 後邊使用 “(?!/w)” 和使用 “/b” 效果是一樣的。

反向預搜尋:"(?<=xxxxx)","(?<!xxxxx)"

這兩種格式的概念和正向預搜尋是類似的,反向預搜尋要求的條件是:所在縫隙的 “左側”,兩種格式分別要求必須能夠匹配和必須不能夠匹配指定表示式,而不是去判斷右側。與 “正向預搜尋” 一樣的是:它們都是對所在縫隙的一種附加條件,本身都不匹配任何字元。

舉例5:表示式 "(?<=/d{4})/d+(?=/d{4})" 在匹配 “1234567890123456” 時,將匹配除了前4個數字和後4個數字之外的中間8個數字。由於 JScript.RegExp 不支援反向預搜尋,因此,本條舉例不能夠進行演示。很多其他的引擎可以支援反向預搜尋,
比如:Java 1.4 以上的 java.util.regex 包,.NET 中System.Text.RegularExpressions 名稱空間,以及本站推薦的最簡單易用的 DEELX 正則引擎。


3. 其他通用規則

還有一些在各個正則表示式引擎之間比較通用的規則,在前面的講解過程中沒有提到。

3.1 表示式中,可以使用 “/xXX” 和 “/uXXXX” 表示一個字元(”X” 表示一個十六進位制數)

表示式 字元範圍
/xXX 編號在 0 ~ 255 範圍的字元,比如:空格可以使用 “/x20” 表示
/uXXXX 任何字元可以使用 “/u” 再加上其編號的4位十六進位制數表示,比如:”/中”


3.2 在表示式 “/s”,”/d”,”/w”,”/b” 表示特殊意義的同時,對應的大寫字母表示相反的意義

表示式 可匹配
/S 匹配所有非空白字元(”/s” 可匹配各個空白字元)
/D 匹配所有的非數字字元
/W 匹配所有的字母、數字、下劃線以外的字元
/B 匹配非單詞邊界,即左右兩邊都是 “/w” 範圍或者左右兩邊都不是 “/w” 範圍時的字元縫隙


3.3 在表示式中有特殊意義,需要新增 “/” 才能匹配該字元本身的字元彙總

字元 說明
^ 匹配輸入字串的開始位置。要匹配 “^” 字元本身,請使用 “/^”
$ 匹配輸入字串的結尾位置。要匹配 “$” 字元本身,請使用 “/$
( ) 標記一個子表示式的開始和結束位置。要匹配小括號,請使用 “/(” 和 “/)”
[ ] 用來自定義能夠匹配 ‘多種字元’ 的表示式。要匹配中括號,請使用 “/[” 和 “/]”
{ } 修飾匹配次數的符號。要匹配大括號,請使用 “/{” 和 “/}”
. 匹配除了換行符(/n)以外的任意一個字元。要匹配小數點本身,請使用 “/.”
? 修飾匹配次數為 0 次或 1 次。要匹配 “?” 字元本身,請使用 “/?”
+ 修飾匹配次數為至少 1 次。要匹配 “+” 字元本身,請使用 “/+”
* 修飾匹配次數為 0 次或任意次。要匹配 “” 字元本身,請使用 “/


左右兩邊表示式之間 “或” 關係。匹配 “|” 本身,請使用 “/|”

3.4 括號 “( )” 內的子表示式,如果希望匹配結果不進行記錄供以後使用,可以使用 “(?:xxxxx)” 格式

舉例1:表示式 "(?:(/w)/1)+" 匹配 “a bbccdd efg” 時,結果是 “bbccdd”。括號 “(?:)” 範圍的匹配結果不進行記錄,因此 “(/w)” 使用 “/1” 來引用。

3.5 常用的表示式屬性設定簡介:Ignorecase,Singleline,Multiline,Global

表示式屬性 說明
Ignorecase 預設情況下,表示式中的字母是要區分大小寫的。配置為 Ignorecase 可使匹配時不區分大小寫。有的表示式引擎,把 “大小寫” 概念延伸至 UNICODE 範圍的大小寫。
Singleline 預設情況下,小數點 “.” 匹配除了換行符(/n)以外的字元。配置為 Singleline 可使小數點可匹配包括換行符在內的所有字元。
Multiline 預設情況下,表示式 “^” 和 “$” 只匹配字串的開始 ① 和結尾 ④ 位置。如:
①xxxxxxxxx②/n
③xxxxxxxxx④
配置為 Multiline 可以使 “^” 匹配 ① 外,還可以匹配換行符之後,下一行開始前 ③ 的位置,使 “$” 匹配 ④ 外,還可以匹配換行符之前,一行結束 ② 的位置。
Global 主要在將表示式用來替換時起作用,配置為 Global 表示替換所有的匹配。



4. 其他提示

4.1 如果想要了解高階的正則引擎還支援那些複雜的正則語法,可參見本站 DEELX 正則引擎的說明文件。

4.2 如果要要求表示式所匹配的內容是整個字串,而不是從字串中找一部分,那麼可以在表示式的首尾使用 “^” 和 “ ""/d+ ” 要求整個字串只有數字。

4.3 如果要求匹配的內容是一個完整的單詞,而不會是單詞的一部分,那麼在表示式首尾使用 “/b”,比如:使用 “/b(if|while|else|void|int……)/b” 來匹配程式中的關鍵字。

4.4 表示式不要匹配空字串。否則會一直得到匹配成功,而結果什麼都沒有匹配到。比如:準備寫一個匹配 “123”、”123.”、”123.5”、”.5” 這幾種形式的表示式時,整數、小數點、小數數字都可以省略,但是不要將表示式寫成:”/d*/.?/d*”,因為如果什麼都沒有,這個表示式也可以匹配成功。 更好的寫法是。"/d+/.?/d*|/./d+"

4.5 能匹配空字串的子匹配不要迴圈無限次。如果括號內的子表示式中的每一部分都可以匹配 0 次,而這個括號整體又可以匹配無限次,那麼情況可能比上一條所說的更嚴重,匹配過程中可能死迴圈。雖然現在有些正則表示式引擎已經通過辦法避免了這種情況出現死迴圈了,比如 .NET 的正則表示式,但是我們仍然應該儘量避免出現這種情況。如果我們在寫表示式時遇到了死迴圈,也可以從這一點入手,查詢一下是否是本條所說的原因。

4.6 合理選擇貪婪模式與非貪婪模式,參見話題討論。

4.7 或 “|” 的左右兩邊,對某個字元最好只有一邊可以匹配,這樣,不會因為 “|” 兩邊的表示式因為交換位置而有所不同。


另一章節

1,定義正則表示式

1)定義正則表示式有兩種形式,一種是普通方式,一種是建構函式方式。
2)普通方式:var reg=/表示式/附加引數
表示式:一個字串,代表了某種規則,其中可以使用某些特殊字元,來代表特殊的規則,後面會詳細說明。
附加引數:用來擴充套件表示式的含義,目前主要有三個引數:
g:代表可以進行全域性匹配。
i:代表不區分大小寫匹配。
m:代表可以進行多行匹配。
上面三個引數,可以任意組合,代表複合含義,當然也可以不加引數。
例子:

var reg=/a*b/;
var reg=/abc+f/g;

3)建構函式方式:var reg=new RegExp(“表示式”,”附加引數”);
其中“表示式”與“附加引數”的含義與上面那種定義方式中的含義相同。
例子:

var reg=new RegExp(“a*b”);
var reg=new RegExp(“abc+f”,”g”);

4)普通方式與建構函式方式的區別
普通方式中的表示式必須是一個常量字串,而建構函式中的表示式可以是常量字串,也可以是一個js變數,例如根據使用者的輸入來作為表示式引數等等:
var reg=new RegExp(document.forms[0].exprfiled.value,”g”);

2,表示式模式

1)表示式模式,是指表示式的表達方式與樣式, 即 var reg=/表示式/附加引數 中的“表示式”怎樣去描述?
2)從規範上講,表示式模式分為簡單模式和複合模式。
3)簡單模式:是指通過普通字元的組合來表達的模式,例如

var reg=/abc0d/;

可見簡單模式只能表示具體的匹配。
4)複合模式:是指含有萬用字元來表達的模式,例如:

var reg=/a+b?/w/;

其中的+、?和/w都屬於萬用字元,代表著特殊的含義。因此複合模式可以表達更為抽象化的邏輯。
下面我們著重說一下複合模式中各個萬用字元的含義及其使用。
5)複合模式中特殊字元的講解:

1>/:在許多程式語言裡面被用作轉義符,一般來說
/符號後面如果跟的是普通字元c,那麼/c就代表特殊的含義,例如n本來代表字元n,但/n就代表換行。
/符號後面如果跟的是特殊字元c,那麼/c就代表普通字元c,例如/一般用作轉義符,但//則調錶普通字元/。
JavaScript的正則表示式中/的用法與上面相同,只是不同的程式語言,特殊字元表可能不太一樣罷了。

2>^:匹配輸入字串的起始端,如果是多行匹配,即表示式的附加引數中含有m,則也在一個換行符後匹配。

例子:/^B/匹配 “Bab Bc ”中的第一個B

例子2:/^B/gm匹配
“Badd B
cdaf
B dsfB”
中的第一行第一個B,第三行中的第一個B

3>$:匹配輸入字元創的尾端,如果是多行匹配,即表示式的附加引數中含有m,則也在一個換行符前匹配。
與^的用法相反。
例子:/t$/匹配“bat”中的t,但是不匹配“hate”中的t
例子2:/t$/匹配
“tag at
bat”
中第一行的最後一個t和第二行的t。

4>*:匹配前一個字元0次或多次。
例子:/ab*/匹配“dddabbbbc”中的“abbbb”,也匹配“ddda”中的“a”

5>+:匹配前一個字元1次或多次。
例子:/ab+/匹配“dddabbbbc”中的“abbbb”,但不匹配“ddda”
與後面的{1,}(原型:{n,})的用法類似

6>?:?的用法比較特殊,一般來說它用來對前一個字元做0次或1次匹配,但是它有另外兩種特殊的用法:
如果緊跟在*、+、?和{ }之後,則表示原始匹配的最小次數匹配,例如:
/ba*/本來匹配“bbbaaaa”中的“baaaa”,但是/ba*?/則匹配“bbbaaaa”中的“b”(因為*表示0次或多次匹配,而加?應該表示最少次數匹配,即0次匹配)。
同理:/ba+?/則匹配“baaaa”中的“ba”。
作為語法結構符號,使用於前置斷言中,即後面要說到的x(?=y)和x(?!=y)

7>.:小數點中的“.”號,匹配任何一個單獨的字元,但是換行符除外。
標準中總共有哪些字元?請參考:字符集
例如:/a.b/匹配“acbaa”中的“acb”,但是不匹配“abbb”。

8>(x):表示匹配x(並非特指字元x或者特指一個字元,x表示一個字串),而且匹配會被記住,在語法中這種()被稱為“capturing parentheses ”,即捕捉用的小括號。
匹配會被記住,是因為在表示式提供的函式中,有些函式返回一個數組,該陣列會儲存所匹配的所有字串,例如exec()函式。
另外還要注意()中的x被記住的前提是匹配x。
例子1:

var regx=/a(b)c/;
var rs=regx.exec(“abcddd”);

從上面可以看出,/a(b)c/匹配“abcddd”中的“abc”,因為()的原因,b也會記錄下來,因此rs返回的數字內容為:
{abc,b}
例子2:

var regx=/a(b)c/;
var rs=regx.exec(“acbcddd”);

rs返回null,因為/a(b)c/不匹配“acbcddd”,所以()中的b不會被記錄下來(儘管字串中含有b)

9>(?:x):匹配x,但不會記住x,這種格式中的()被稱為“non-capturing parentheses ”,即非捕捉用的小括號。
例子:

var regx=/a(?:b)c/;
var rs=regx.exec(“abcddd”);

從上面可以看出,/a(?:b)c/匹配“abcddd”中的“abc”,因為(?:)的原因,b不會記錄下來,因此rs返回的數字內容為:
{abc}

10>X(?=y):匹配x,僅當後面緊跟著y時。如果符合匹配,則只有x會被記住,y不會被記住。
例子:

var regx=/user(?=name)/;
var rs=regx.exec(“The username is Mary”);

結果:匹配成功,而且rs的值為{user}

11>X(?!y):匹配x,僅當後面不緊跟著y時。如果符合匹配,則只有x會被記住,y不會被記住。
例子:

var regx=/user(?!name)/;
var rs=regx.exec(“The user name is Mary”);

結果:匹配成功,而且rs的值為{user}
例子2:

var regx=//d+(?!/.)/;
var rs=regx.exec(“54.235”);

結果:匹配成果,rs的值為{5},不匹配54是因為54後面跟著“.”號,當然235也匹配,但是由於exec方法的行為,235不會被返回

12>x|y:匹配x或y。注意如果x和y都匹配上了,那麼只記住x。
例子:

var regx=/beijing|shanghai/;
var rs=regx.exec(“I love beijing and shanghai”);

結果:匹配成功,rs的值為{beijing},雖然shanghai也匹配,但不會被記住。

13>{n}:匹配前一個字元的n次出現。
n必須是一個非負數,當然如果是一個負數或小數也不會報語法錯誤。
例子:

var regx=/ab{2}c/;
var rs=regx.exec(“abbcd”);

結果:匹配成功,rs的值為:{abbc}。

14>{n,}:匹配前一個字元的至少n次出現。
例子:

var regx=/ab{2,}c/;
var rs=regx.exec(“abbcdabbbc”);

結果:匹配成功,rs的值為:{abbc}。注意為什麼abbbc也符合條件為什麼沒有被記住,這與exec方法的行為有關,後面會統一講解。

15>{n,m}:匹配前一個字元的至少n次最多m次的出現。
只要n與m為數字,而且m>=n就不會報語法錯誤。
例子:

var regx=/ab{2,5}c/;
var rs=regx.exec(“abbbcd”);

結果:匹配成功,rs的值為:{abbbc}。
例子2:

var regx=/ab{2,2}c/;
var rs=regx.exec(“abbcd”);

結果:匹配成功,rs的值為:{abbc}。
例子3:

var regx=/ab(2,5)/;
var rs=regx.exec(“abbbbbbbbbb”);

結果:匹配成功,rs的值為:{abbbbb},這說明,如果前一個字元出現多於m次,則只匹配m次。另外:

var regx=/ab(2,5)c/;
var rs=regx.exec(“abbbbbbbbbbc”);

結果:匹配失敗,rs的值為:null,為什麼匹配失敗,因為b多於5個則b(2,5)會匹配前5個b,,而表示式/ab(2,5)c/中b後面是c,但字串中5個b之後還是b所以會報錯。

16>[xyz]:xyz表示一個字串,該模式表示匹配[]中的一個字元,形式上[xyz]等同於[x-z]。
例子:

var regx=/a[bc]d/;
var rs=regx.exec(“abddgg”);

結果:匹配成功,rs的值為:{abd}
例子2:

var regx=/a[bc]d/;
var rs=regx.exec(“abcd”);

結果:匹配失敗,rs的值為:null,之所以失敗,是因為[bc]表示匹配b或c中的一個,但不會同時匹配。

17>[^xyz]:該模式表示匹配非[]中的一個字元,形式上[^xyz]等同於[^x-z]。
例子:

var regx=/a[^bc]d/;
var rs=regx.exec(“afddgg”);

結果:匹配成功,rs的值為:{afd}
例子2:

var regx=/a[^bc]d/;
var rs=regx.exec(“abd”);

結果:匹配失敗,rs的值為:。

18>[/b]:匹配退格鍵。

19>/b:匹配一個詞的邊界符,例如空格和換行符等等,當然匹配換行符時,表示式應該附加引數m。
例子:

var regx=//bc./;
var rs=regx.exec(“Beijing is a beautiful city”);

結果:匹配成功,rs的值為:{ci},注意c前邊的空格不會匹配到結果中,即{ ci}是不正確的。

20>/B:代表一個非單詞邊界。
例子:

var regx=//Bi./;
var rs=regx.exec(“Beijing is a beautiful city”);

結果:匹配成功,rs的值為:{ij},即匹配了Beijing中的ij。

21>/cX,匹配一個控制字元。例如, /cM 匹配一個 Control-M 或
回車符。 x 的值必須為 A-Z 或 a-z 之一。否則,將 c 視為一
個原義的 ’c’ 字元。(實際的例子還需補充)

21>/d:匹配一個數字字元,等同於[0-9]。
例子:

var regx=/user/d/;
var rs=regx.exec(“user1”);

結果:匹配成功,rs的值為:{user1}

22>/D:匹配一個非數字字元,等同於[^0-9]。
例子:

var regx=/user/D/;
var rs=regx.exec(“userA”);

結果:匹配成功,rs的值為:{userA}

23>/f:匹配一個換頁符。

24>/n:匹配一個換行符。因為是換行符,所以在表示式中要加入m引數。
例子:

var regx=/a/nbc/m;
       var str=“a
               bc”;
       var rs=regx.exec(str);

結果:匹配成功,rs的值為:{ },如果表示式為/a/n/rbc/,則不會被匹配,因此在一般的編輯器中一個”Enter”鍵代表著“回車換行”,而非“換行回車”,至少在textarea域中是這樣的。
25>/r:匹配一個回車符

26>/s:匹配一個空格符,等同於[ /f/n/r/t/v/u00A0/u2028/u2029].
例子:

var regx=//si/;
var rs=regx.exec(“Beijing is a city”);

結果:匹配成功,rs的值為:{ i}

27>/S:匹配一個非空格符,等同於[ ^/f/n/r/t/v/u00A0/u2028/u2029].
例子:

var regx=//Si/;
var rs=regx.exec(“Beijing is a city”);

結果:匹配成功,rs的值為:{ei}

28>/t:匹配一個tab
例子:

var regx=/a/tb/;
var rs=regx.exec(“a bc”);

結果:匹配成功,rs的值為: {a bc}

29>/v:匹配一個豎向的tab

30>/w:匹配一個數字、或字母表字元,即[A-Za-z0-9 ]。
例子:

var regx=//w/;
var rs=regx.exec(“\$25.23”);

結果:匹配成功,rs的值為:{2}

31>/W:匹配一個非數字、或字母表字元,即[^A-Za-z0-9 ]。
例子:

var regx=//w/;
var rs=regx.exec(“\$25.23”);

結果:匹配成功,rs的值為:{$}

32>/n:注意不是/n,這裡n是一個正整數,表示匹配第n個()中的字元。
例子:

var regx=/user([,-])group/1role/;
var rs=regx.exec(“user-group-role”);

結果:匹配成功,rs的值為:{user-group-role,-},同樣對user,group,role的匹配也是成功的,但像user-group,role等就不對了。

33>/0:匹配一個NUL字元。

34>/xhh:匹配一個由兩位16進位制數字所表達的字元。

35>/uhhhh:匹配一個由四位16進位制數字所表達的字元。

3,表示式操作

1)表示式操作,在這裡是指和表示式相關的方法,我們將介紹六個方法。
2)表示式物件(RegExp)方法:

1>exec(str),返回str中與表示式相匹配的第一個字串,而且以陣列的形式表現,當然如果表示式中含有捕捉用的小括號,則返回的陣列中也可能含有()中的匹配字串,例如:

var regx=//d+/;
var rs=regx.exec(“3432ddf53”);

返回的rs值為:{3432}

var regx2=new RegExp(“ab(/d+)c”);
var rs2=regx2.exec(“ab234c44”);

返回的rs值為:{ab234c,234}
另外,如果有多個合適的匹配,則第一次執行exec返回一個第一個匹配,此時繼續執行exec,則依次返回第二個第三個匹配。例如:

var regx=/user/d/g;
var rs=regx.exec(“ddduser1dsfuser2dd”);
var rs1=regx.exec(“ddduser1dsfuser2dd”);

則rs的值為{user1},rs的值為{rs2},當然注意regx中的g引數是必須的,否則無論exec執行多少次,都返回第一個匹配。後面還有相關內容涉及到對此想象的解釋。

2>test(str),判斷字串str是否匹配表示式,返回一個布林值。例如:

var regx=/user/d+/g;
var flag=regx.test(“user12dd”);

flag的值為true。

3)String物件方法

1>match(expr),返回與expr相匹配的一個字串陣列,如果沒有加引數g,則返回第一個匹配,加入引數g則返回所有的匹配
例子:

var regx=/user/d/g;
var str=“user13userddduser345”;
var rs=str.match(regx);

rs的值為:{user1,user3}

2>search(expr),返回字串中與expr相匹配的第一個匹配的index值。
例子:

var regx=/user/d/g;
var str=“user13userddduser345”;
var rs=str.search(regx);

rs的值為:0

3>replace(expr,str),將字串中匹配expr的部分替換為str。另外在replace方法中,str中可以含有一種變數符號$,格式為$n,代表匹配中被記住的第n的匹配字串(注意小括號可以記憶匹配)。
例子:

var regx=/user/d/g;
var str=“user13userddduser345”;
var rs=str.replace(regx,”00”);

rs的值為:003userddd0045
例子2:

var regx=/u(se)r/d/g;
var str=“user13userddduser345”;
var rs=str.replace(regx,”\$1”);

rs的值為:se3userdddse45
對於replace(expr,str)方法還要特別注意一點,如果expr是一個表示式物件則會進行全域性替換(此時表示式必須附加引數g,否則也只是替換第一個匹配),如果expr是一個字串物件,則只會替換第一個匹配的部分,例如:

var regx=“user”
var str=“user13userddduser345”;
var rs=str.replace(regx,”00”);

rs的值為: 0013userddduser345

4>split(expr),將字串以匹配expr的部分做分割,返回一個數組,而且表示式是否附加引數g都沒有關係,結果是一樣的。
例子:

var regx=/user/d/g;
var str=“user13userddduser345”;
var rs=str.split(regx);

rs的值為:{3userddd,45}

4,表示式相關屬性

1)表示式相關屬性,是指和表示式相關的屬性,如下面的形式:

var regx=/myexpr/;
var rs=regx.exec(str);

其中,和表示式自身regx相關的屬性有兩個,和表示式匹配結果rs相關的屬性有三個,下面將逐一介紹。
2)和表示式自身相關的兩個屬性:

1>lastIndex,返回開始下一個匹配的位置,注意必須是全域性匹配(表示式中帶有g引數)時,lastIndex才會有不斷返回下一個匹配值,否則該值為總是返回第一個下一個匹配位置,例如:

var regx=/user/d/;
var rs=regx.exec(“sdsfuser1dfsfuser2”);
var lastIndex1=regx.lastIndex;
rs=regx.exec(“sdsfuser1dfsfuser2”);
var lastIndex2=regx.lastIndex;
rs=regx.exec(“sdsfuser1dfsfuser2”);
var lastIndex3=regx.lastIndex; 

上面lastIndex1為9,第二個lastIndex2也為9,第三個也是9;如果regx=/user/d/g,則第一個為9,第二個為18,第三個為0。

2>source,返回表示式字串自身。例如:

var regx=/user/d/;
var rs=regx.exec(“sdsfuser1dfsfuser2”);
var source=regx.source;

source的值為user/d
3)和匹配結果相關的三個屬性:

1>index,返回當前匹配的位置。例如:

var regx=/user/d/;
var rs=regx.exec(“sdsfuser1dfsfuser2”);
var index1=rs.index;
rs=regx.exec(“sdsfuser1dfsfuser2”);
var index2=rs.index; 
rs=regx.exec(“sdsfuser1dfsfuser2”);
var index3=rs.index; 

index1為4,index2為4,index3為4,如果表示式加入引數g,則index1為4,index2為13,index3會報錯(index為空或不是物件)。

2>input,用於匹配的字串。例如:

var regx=/user/d/;
var rs=regx.exec(“sdsfuser1dfsfuser2”);
var input=rs.input;

input的值為sdsfuser1dfsfuser2。

3>[0],返回匹配結果中的第一個匹配值,對於match而言可能返回一個多值的數字,則除了[0]外,還可以取[1]、[2]等等。例如:

var regx=/user/d/;
var rs=regx.exec(“sdsfuser1dfsfuser2”);
var value1=rs[0];
rs=regx.exec(“sdsfuser1dfsfuser2”);
var value2=rs[0]; 

value1的值為user1,value2的值為user2

5,實際應用

1)實際應用一
描述:有一表單,其中有一個“使用者名稱”input域
要求:漢字,而且不能少於2個漢字,不能多於4個漢字。
實現:

<script>
function checkForm(obj){
     var username=obj.username.value;
     var regx=/^[/u4e00-/u9fa5]{2,4}\$/g
     if(!regx.test(username)){
               alert(“Invalid username!”);
               return false; 
     }
     return true;
}
</script>
<form name=“myForm”onSubmit=“return checkForm(this)”>
    <input type=“text” name=“username”/>
    <input type=“submit” vlaue=“submit”/>
</form>

2)實際應用二
描述:給定一個含有html標記的字串,要求將其中的html標記去掉。
實現:

<script>
function toPlainText(htmlStr){
     var regx=/<[^>]*>|<//[^>]*>/gm;
     var str=htmlStr.replace(regx,"");
     return str;
}
</script>
<form name=“myForm”>
    <textarea id=“htmlInput”></textarea>
    <input type=“button” value=“submit” onclick=“toPlainText(document.getElementById(‘htmlInput’).value”/>
</form>

三,小結

1,Javascript正則表示式,我想在一般的程式設計師之中,使用者應該不是很多,因為我們處理的頁面一般都不是很複雜,而複雜的邏輯一般我們都在後臺處理完成了。但是目前趨勢已經出現了扭轉,富客戶端已經被越來越多的人接受,而Javascript就是其中的關鍵技術,對於複雜的客戶端邏輯而言,正則表示式的作用也是很關鍵的,同時它也是Javascript高手必須要掌握的重要技術之一。

2,為了能夠便於大家對前面講述的內容有一個更為綜合和深刻的認識,我將前面的一些關鍵點和容易犯糊塗的地方再系統總結一下,這部分很關鍵!
總結1:附件引數g的用法
表示式加上引數g之後,表明可以進行全域性匹配,注意這裡“可以”的含義。我們詳細敘述:
1)對於表示式物件的exec方法,不加入g,則只返回第一個匹配,無論執行多少次均是如此,如果加入g,則第一次執行也返回第一個匹配,再執行返回第二個匹配,依次類推。例如

var regx=/user/d/;
var str=“user18dsdfuser2dsfsd”;
var rs=regx.exec(str);//此時rs的值為{user1}
var rs2=regx.exec(str);//此時rs的值依然為{user1}

如果regx=/user/d/g;則rs的值為{user1},rs2的值為{user2}
通過這個例子說明:對於exec方法,表示式加入了g,並不是說執行exec方法就可以返回所有的匹配,而是說加入了g之後,我可以通過某種方式得到所有的匹配,這裡的“方式”對於exec而言,就是依次執行這個方法即可。
2)對於表示式物件的test方法,加入g於不加上g沒有什麼區別。
3)對於String物件的match方法,不加入g,也只是返回第一個匹配,一直執行match方法也總是返回第一個匹配,加入g,則一次返回所有的匹配(注意這與表示式物件的exec方法不同,對於exec而言,表示式即使加上了g,也不會一次返回所有的匹配)。例如:

var regx=/user/d/;
var str=“user1sdfsffuser2dfsdf”;
var rs=str.match(regx);//此時rs的值為{user1}
var rs2=str.match(regx);//此時rs的值依然為{user1}

如果regx=/user/d/g,則rs的值為{user1,user2},rs2的值也為{user1,user2}
4)對於String物件的replace方法,表示式不加入g,則只替換第一個匹配,如果加入g,則替換所有匹配。(開頭的三道測試題能很好的說明這一點)
5)對於String物件的split方法,加上g與不加g是一樣的,即:

var sep=/user/d/;
var array=“user1dfsfuser2dfsf”.split(sep);

則array的值為{dfsf, dfsf}
此時sep=/user/d/g,返回值是一樣的。
6)對於String物件的search方法,加不加g也是一樣的。
總結2:附加引數m的用法
附加引數m,表明可以進行多行匹配,但是這個只有當使用^和$模式時才會起作用,在其他的模式中,加不加入m都可以進行多行匹配(其實說多行的字串也是一個普通字串),我們舉例說明這一點
1)使用^的例子

var regx=/^b./g;
var str=“bd76 dfsdf
         sdfsdfs dffs
         b76dsf sdfsdf”;
var rs=str.match(regx);

此時加入g和不加入g,都只返回第一個匹配{bd},如果regx=/^b./gm,則返回所有的匹配{bd,b7},注意如果regx=/^b./m,則也只返回第一個匹配。所以,加入m表明可以進行多行匹配,加入g表明可以進行全域性匹配,綜合到一起就是可以進行多行全域性匹配
2)使用其他模式的例子,例如

var regx=/user/d/;
var str=“sdfsfsdfsdf
         sdfsuser3 dffs
         b76dsf user6”;
var rs=str.match(regx);

此時不加引數g,則返回{user3},加入引數g返回{user3,user6},加不加入m對此沒有影響。
3)因此對於m我們要清楚它的使用,記住它只對^和$模式起作用,在這兩種模式中,m的作用為:如果不加入m,則只能在第一行進行匹配,如果加入m則可以在所有的行進行匹配。我們再看一個^的例子

var regx=/^b./;
var str=“ret76 dfsdf
         bjfsdfs dffs
         b76dsf sdfsdf”;
var rs=str.match(regx);

此時rs的值為null,如果加入g,rs的值仍然為null,如果加入m,則rs的值為{bj}(也就是說,在第一行沒有找到匹配,因為有引數m,所以可以繼續去下面的行去找是否有匹配),如果m和g都加上,則返回{bj,b7}(只加m不加g說明,可以去多行進行匹配,但是找到一個匹配後就返回,加入g表明將多行中所有的匹配返回,當然對於match方法是如此,對於exec呢,則需要執行多次才能依次返回)
總結3:在HTML的textarea輸入域中,按一個Enter鍵,對應的控制字元為“/r/n”,即“回車換行”,而不是“/n/r”,即“換行回車”,我們看一個前面我們舉過的例子:

var regx=/a/r/nbc/;
var str=“a
         bc”;
var rs=regx.exec(str);

結果:匹配成功,rs的值為:{ },如果表示式為/a/n/rbc/,則不會被匹配,因此在一般的編輯器中一個”Enter”鍵代表著“回車換行”,而非“換行回車”,至少在textarea域中是這樣的。