淺談JS正則表達(dá)式的RegExp對(duì)象和括號(hào)的使用
RegExp對(duì)象的創(chuàng)建:
常規(guī)的正則表達(dá)式的創(chuàng)建可用直接量,即斜杠 “/” 括起來(lái)的字符。但在要求參數(shù)變化的環(huán)境下,RegExp()構(gòu)造函數(shù)是更好的選擇:
var reg1 = /'\w+'/g;
var reg2 = new RegExp('\'\\w+\'','g');
對(duì)比兩種創(chuàng)建方式,RegExp中的第一個(gè)參數(shù)為要?jiǎng)?chuàng)建的正則字符串,一方面注意,因?yàn)椴皇侵苯恿康谋硎拘问剑虼瞬挥眯备堋?/ ”括起來(lái)了;而是字符串中必須要對(duì)引號(hào)“ ‘ ”和轉(zhuǎn)義符號(hào)“ \ ”進(jìn)行二次轉(zhuǎn)義。
此外,無(wú)論是直接量還是RegExp()構(gòu)造函數(shù),都是生成了新的RegExp對(duì)象,并將其賦值給變量。
match()與exec()的異同:
match和exec是正則表達(dá)式匹配字符串的常用方法。兩者實(shí)現(xiàn)的功能差不多,有些細(xì)微的區(qū)別:
1、使用方式
match是字符串包裝對(duì)象的方法,用法:String.match(RegExp);
exec是正則表達(dá)式對(duì)象的方法,用法:RegExp.exec(String);
2、返回的結(jié)果
當(dāng)RegExp沒(méi)有設(shè)置全局標(biāo)志 "g" 時(shí):
兩者的返回結(jié)果相同。即無(wú)匹配值時(shí)返回null,有匹配值時(shí)返回一個(gè)數(shù)組(令array)。array[0]為匹配的字符串,array[1]、array[2]……則對(duì)應(yīng)為正則表達(dá)式中圓括號(hào)匹配的子字符串$1、$2……。同時(shí)數(shù)組帶有兩個(gè)屬性,array.index表示匹配字符串的初始位置,array.input表示正在檢索的字符串。
當(dāng)RegExp有設(shè)置全局標(biāo)志 "g" 時(shí):
match在有值時(shí)返回一個(gè)數(shù)組array。數(shù)組的每項(xiàng)依次表示匹配到的所有的字符串,因此不再有圓括號(hào)匹配的子字符串了。此時(shí)數(shù)組沒(méi)有index屬性和input屬性。
exec則與沒(méi)有全局標(biāo)示 "g" 的表現(xiàn)無(wú)異。此時(shí)返回的是數(shù)組array,array[0]為當(dāng)前匹配的字符串,array[1],array[2]……則為當(dāng)前匹配下的圓括號(hào)匹配的字串。此時(shí)要注意RegExp對(duì)象的lastIndex屬性,表示原字符串中匹配的字符串末尾的后一個(gè)位置。當(dāng)沒(méi)有進(jìn)一步的匹配結(jié)果時(shí),lastIndex屬性置0。因此,可用lastIndex的循環(huán)找出所有的匹配字符串。
支持多次匹配的方式:
js 代碼
var testStr = "now test001 test002"; var re = /test(\d+)/ig; var r = ""; while(r = re.exec(testStr)) { alert(r[0] + " " + r[1]); }
此外也可以用testStr.match(re),但是這樣的話就不能有g(shù)的選項(xiàng),而且只能得到第一個(gè)匹配。
1. 正則表達(dá)式規(guī)則
1.1 普通字符
字母、數(shù)字、漢字、下劃線、以及后邊章節(jié)中沒(méi)有特殊定義的標(biāo)點(diǎn)符號(hào),都是"普通字符"。表達(dá)式中的普通字符,在匹配一個(gè)字符串的時(shí)候,匹配與之相同的一個(gè)字符。
舉例1:表達(dá)式 "c",在匹配字符串 "abcde" 時(shí),匹配結(jié)果是:成功;匹配到的內(nèi)容是:"c";匹配到的位置是:開(kāi)始于2,結(jié)束于3。(注:下標(biāo)從0開(kāi)始還是從1開(kāi)始,因當(dāng)前編程語(yǔ)言的不同而可能不同)
舉例2:表達(dá)式 "bcd",在匹配字符串 "abcde" 時(shí),匹配結(jié)果是:成功;匹配到的內(nèi)容是:"bcd";匹配到的位置是:開(kāi)始于1,結(jié)束于4。
1.2 簡(jiǎn)單的轉(zhuǎn)義字符
一些不便書(shū)寫(xiě)的字符,采用在前面加 "/" 的方法。這些字符其實(shí)我們都已經(jīng)熟知了。
表達(dá)式 |
可匹配 |
/r, /n |
代表回車(chē)和換行符 |
/t |
制表符 |
// |
代表 "/" 本身 |
還有其他一些在后邊章節(jié)中有特殊用處的標(biāo)點(diǎn)符號(hào),在前面加 "/" 后,就代表該符號(hào)本身。比如:^, $ 都有特殊意義,如果要想匹配字符串中 "^" 和 "$" 字符,則表達(dá)式就需要寫(xiě)成 "/^" 和 "/$"。
表達(dá)式 |
可匹配 |
/^ |
匹配 ^ 符號(hào)本身 |
/$ |
匹配 $ 符號(hào)本身 |
/. |
匹配小數(shù)點(diǎn)(.)本身 |
這些轉(zhuǎn)義字符的匹配方法與 "普通字符" 是類(lèi)似的。也是匹配與之相同的一個(gè)字符。
舉例1:表達(dá)式 "/$d",在匹配字符串 "abc$de" 時(shí),匹配結(jié)果是:成功;匹配到的內(nèi)容是:"$d";匹配到的位置是:開(kāi)始于3,結(jié)束于5。
1.3 能夠與 '多種字符' 匹配的表達(dá)式
正則表達(dá)式中的一些表示方法,可以匹配 '多種字符' 其中的任意一個(gè)字符。比如,表達(dá)式 "/d" 可以匹配任意一個(gè)數(shù)字。雖然可以匹配其中任意字符,但是只能是一個(gè),不是多個(gè)。這就好比玩撲克牌時(shí)候,大小王可以代替任意一張牌,但是只能代替一張牌。
表達(dá)式 |
可匹配 |
/d |
任意一個(gè)數(shù)字,0~9 中的任意一個(gè) |
/w |
任意一個(gè)字母或數(shù)字或下劃線,也就是 A~Z,a~z,0~9,_ 中任意一個(gè) |
/s |
包括空格、制表符、換頁(yè)符等空白字符的其中任意一個(gè) |
. |
小數(shù)點(diǎn)可以匹配除了換行符(/n)以外的任意一個(gè)字符 |
舉例1:表達(dá)式 "/d/d",在匹配 "abc123" 時(shí),匹配的結(jié)果是:成功;匹配到的內(nèi)容是:"12";匹配到的位置是:開(kāi)始于3,結(jié)束于5。
舉例2:表達(dá)式 "a./d",在匹配 "aaa100" 時(shí),匹配的結(jié)果是:成功;匹配到的內(nèi)容是:"aa1";匹配到的位置是:開(kāi)始于1,結(jié)束于4。
1.4 自定義能夠匹配 '多種字符' 的表達(dá)式
使用方括號(hào) [ ] 包含一系列字符,能夠匹配其中任意一個(gè)字符。用 [^ ] 包含一系列字符,則能夠匹配其中字符之外的任意一個(gè)字符。同樣的道理,雖然可以匹配其中任意一個(gè),但是只能是一個(gè),不是多個(gè)。
表達(dá)式 |
可匹配 |
[ab5@] |
匹配 "a" 或 "b" 或 "5" 或 "@" |
[^abc] |
匹配 "a","b","c" 之外的任意一個(gè)字符 |
[f-k] |
匹配 "f"~"k" 之間的任意一個(gè)字母 |
[^A-F0-3] |
匹配 "A"~"F","0"~"3" 之外的任意一個(gè)字符 |
舉例1:表達(dá)式 "[bcd][bcd]" 匹配 "abc123" 時(shí),匹配的結(jié)果是:成功;匹配到的內(nèi)容是:"bc";匹配到的位置是:開(kāi)始于1,結(jié)束于3。
舉例2:表達(dá)式 "[^abc]" 匹配 "abc123" 時(shí),匹配的結(jié)果是:成功;匹配到的內(nèi)容是:"1";匹配到的位置是:開(kāi)始于3,結(jié)束于4。
1.5 修飾匹配次數(shù)的特殊符號(hào)
前面章節(jié)中講到的表達(dá)式,無(wú)論是只能匹配一種字符的表達(dá)式,還是可以匹配多種字符其中任意一個(gè)的表達(dá)式,都只能匹配一次。如果使用表達(dá)式再加上修飾匹配次數(shù)的特殊符號(hào),那么不用重復(fù)書(shū)寫(xiě)表達(dá)式就可以重復(fù)匹配。
使用方法是:"次數(shù)修飾"放在"被修飾的表達(dá)式"后邊。比如:"[bcd][bcd]" 可以寫(xiě)成 "[bcd]{2}"。
表達(dá)式 |
作用 |
{n} |
表達(dá)式重復(fù)n次,比如:"/w{2}" 相當(dāng)于 "/w/w";"a{5}" 相當(dāng)于 "aaaaa" |
{m,n} |
表達(dá)式至少重復(fù)m次,最多重復(fù)n次,比如:"ba{1,3}"可以匹配 "ba"或"baa"或"baaa" |
{m,} |
表達(dá)式至少重復(fù)m次,比如:"/w/d{2,}"可以匹配 "a12","_456","M12344"... |
? |
匹配表達(dá)式0次或者1次,相當(dāng)于 {0,1},比如:"a[cd]?"可以匹配 "a","ac","ad" |
+ |
表達(dá)式至少出現(xiàn)1次,相當(dāng)于 {1,},比如:"a+b"可以匹配 "ab","aab","aaab"... |
* |
表達(dá)式不出現(xiàn)或出現(xiàn)任意次,相當(dāng)于 {0,},比如:"/^*b"可以匹配 "b","^^^b"... |
舉例1:表達(dá)式 "/d+/.?/d*" 在匹配 "It costs $12.5" 時(shí),匹配的結(jié)果是:成功;匹配到的內(nèi)容是:"12.5";匹配到的位置是:開(kāi)始于10,結(jié)束于14。
舉例2:表達(dá)式 "go{2,8}gle" 在匹配 "Ads by goooooogle" 時(shí),匹配的結(jié)果是:成功;匹配到的內(nèi)容是:"goooooogle";匹配到的位置是:開(kāi)始于7,結(jié)束于17。
1.6 其他一些代表抽象意義的特殊符號(hào)
一些符號(hào)在表達(dá)式中代表抽象的特殊意義:
表達(dá)式 |
作用 |
^ |
與字符串開(kāi)始的地方匹配,不匹配任何字符 |
$ |
與字符串結(jié)束的地方匹配,不匹配任何字符 |
/b |
匹配一個(gè)單詞邊界,也就是單詞和空格之間的位置,不匹配任何字符 |
進(jìn)一步的文字說(shuō)明仍然比較抽象,因此,舉例幫助大家理解。
舉例1:表達(dá)式 "^aaa" 在匹配 "xxx aaa xxx" 時(shí),匹配結(jié)果是:失敗。因?yàn)?"^" 要求與字符串開(kāi)始的地方匹配,因此,只有當(dāng) "aaa" 位于字符串的開(kāi)頭的時(shí)候,"^aaa" 才能匹配,比如:"aaa xxx xxx"。
舉例2:表達(dá)式 "aaa$" 在匹配 "xxx aaa xxx" 時(shí),匹配結(jié)果是:失敗。因?yàn)?"$" 要求與字符串結(jié)束的地方匹配,因此,只有當(dāng) "aaa" 位于字符串的結(jié)尾的時(shí)候,"aaa$" 才能匹配,比如:"xxx xxx aaa"。
舉例3:表達(dá)式 "./b." 在匹配 "@@@abc" 時(shí),匹配結(jié)果是:成功;匹配到的內(nèi)容是:"@a";匹配到的位置是:開(kāi)始于2,結(jié)束于4。
進(jìn)一步說(shuō)明:"/b" 與 "^" 和 "$" 類(lèi)似,本身不匹配任何字符,但是它要求它在匹配結(jié)果中所處位置的左右兩邊,其中一邊是 "/w" 范圍,另一邊是 非"/w" 的范圍。
舉例4:表達(dá)式 "/bend/b" 在匹配 "weekend,endfor,end" 時(shí),匹配結(jié)果是:成功;匹配到的內(nèi)容是:"end";匹配到的位置是:開(kāi)始于15,結(jié)束于18。
一些符號(hào)可以影響表達(dá)式內(nèi)部的子表達(dá)式之間的關(guān)系:
表達(dá)式 |
作用 |
| |
左右兩邊表達(dá)式之間 "或" 關(guān)系,匹配左邊或者右邊 |
( ) |
(1). 在被修飾匹配次數(shù)的時(shí)候,括號(hào)中的表達(dá)式可以作為整體被修飾 |
舉例5:表達(dá)式 "Tom|Jack" 在匹配字符串 "I'm Tom, he is Jack" 時(shí),匹配結(jié)果是:成功;匹配到的內(nèi)容是:"Tom";匹配到的位置是:開(kāi)始于4,結(jié)束于7。匹配下一個(gè)時(shí),匹配結(jié)果是:成功;匹配到的內(nèi)容是:"Jack";匹配到的位置時(shí):開(kāi)始于15,結(jié)束于19。
舉例6:表達(dá)式 "(go/s*)+" 在匹配 "Let's go go go!" 時(shí),匹配結(jié)果是:成功;匹配到內(nèi)容是:"go go go";匹配到的位置是:開(kāi)始于6,結(jié)束于14。
舉例7:表達(dá)式 "¥(/d+/.?/d*)" 在匹配 "$10.9,¥20.5" 時(shí),匹配的結(jié)果是:成功;匹配到的內(nèi)容是:"¥20.5";匹配到的位置是:開(kāi)始于6,結(jié)束于10。單獨(dú)獲取括號(hào)范圍匹配到的內(nèi)容是:"20.5"。
2. 正則表達(dá)式中的一些高級(jí)規(guī)則
2.1 匹配次數(shù)中的貪婪與非貪婪
在使用修飾匹配次數(shù)的特殊符號(hào)時(shí),有幾種表示方法可以使同一個(gè)表達(dá)式能夠匹配不同的次數(shù),比如:"{m,n}", "{m,}", "?", "*", "+",具體匹配的次數(shù)隨被匹配的字符串而定。這種重復(fù)匹配不定次數(shù)的表達(dá)式在匹配過(guò)程中,總是盡可能多的匹配。比如,針對(duì)文本 "dxxxdxxxd",舉例如下:
表達(dá)式 |
匹配結(jié)果 |
(d)(/w+) |
"/w+" 將匹配第一個(gè) "d" 之后的所有字符 "xxxdxxxd" |
(d)(/w+)(d) |
"/w+" 將匹配第一個(gè) "d" 和最后一個(gè) "d" 之間的所有字符 "xxxdxxx"。雖然 "/w+" 也能夠匹配上最后一個(gè) "d",但是為了使整個(gè)表達(dá)式匹配成功,"/w+" 可以 "讓出" 它本來(lái)能夠匹配的最后一個(gè) "d" |
由此可見(jiàn),"/w+" 在匹配的時(shí)候,總是盡可能多的匹配符合它規(guī)則的字符。雖然第二個(gè)舉例中,它沒(méi)有匹配最后一個(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í)候,與貪婪模式類(lèi)似,非貪婪模式會(huì)最小限度的再匹配一些,以使整個(gè)表達(dá)式匹配成功。舉例如下,針對(duì)文本 "dxxxdxxxd" 舉例:
表達(dá)式 |
匹配結(jié)果 |
(d)(/w+?) |
"/w+?" 將盡可能少的匹配第一個(gè) "d" 之后的字符,結(jié)果是:"/w+?" 只匹配了一個(gè) "x" |
(d)(/w+?)(d) |
為了讓整個(gè)表達(dá)式匹配成功,"/w+?" 不得不匹配 "xxx" 才可以讓后邊的 "d" 匹配,從而使整個(gè)表達(dá)式匹配成功。因此,結(jié)果是:"/w+?" 匹配 "xxx" |
更多的情況,舉例如下:
舉例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á)式所匹配到的字符串記錄下來(lái)。在獲取匹配結(jié)果的時(shí)候,小括號(hào)包含的表達(dá)式所匹配到的字符串可以單獨(dú)獲取。這一點(diǎn),在前面的舉例中,已經(jīng)多次展示了。在實(shí)際應(yīng)用場(chǎng)合中,當(dāng)用某種邊界來(lái)查找,而所要獲取的內(nèi)容又不包含邊界時(shí),必須使用小括號(hào)來(lái)指定所要的范圍。比如前面的 "<td>(.*?)</td>"。
其實(shí),"小括號(hào)包含的表達(dá)式所匹配到的字符串" 不僅是在匹配結(jié)束后才可以使用,在匹配過(guò)程中也可以使用。表達(dá)式后邊的部分,可以引用前面 "括號(hào)內(nèi)的子匹配已經(jīng)匹配到的字符串"。引用方法是 "/" 加上一個(gè)數(shù)字。"/1" 引用第1對(duì)括號(hào)內(nèi)匹配到的字符串,"/2" 引用第2對(duì)括號(hào)內(nèi)匹配到的字符串……以此類(lèi)推,如果一對(duì)括號(hào)內(nèi)包含另一對(duì)括號(hào),則外層的括號(hào)先排序號(hào)。換句話說(shuō),哪一對(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è)縫隙之后的字符。這就類(lèi)似 "/b",本身不匹配任何字符。"/b" 只是將所在縫隙之前、之后的字符取來(lái)進(jìn)行了一下判斷,不會(huì)影響后邊的表達(dá)式來(lái)真正的匹配。
舉例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á)式可以不這樣寫(xiě),在此的目的是作為演示之用。
格式:"(?!xxxxx)",所在縫隙的右側(cè),必須不能匹配 xxxxx 這部分表達(dá)式。
舉例3:表達(dá)式 "((?!/bstop/b).)+" 在匹配 "fdjka ljfdl stop fjdsla fdj" 時(shí),將從頭一直匹配到 "stop" 之前的位置,如果字符串中沒(méi)有 "stop",則匹配整個(gè)字符串。
舉例4:表達(dá)式 "do(?!/w)" 在匹配字符串 "done, do, dog" 時(shí),只能匹配 "do"。在本條舉例中,"do" 后邊使用 "(?!/w)" 和使用 "/b" 效果是一樣的。
反向預(yù)搜索:"(?<=xxxxx)","(?<!xxxxx)"
這兩種格式的概念和正向預(yù)搜索是類(lèi)似的,反向預(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 正則引擎。
3. 其他通用規(guī)則
還有一些在各個(gè)正則表達(dá)式引擎之間比較通用的規(guī)則,在前面的講解過(guò)程中沒(méi)有提到。
3.1 表達(dá)式中,可以使用 "/xXX" 和 "/uXXXX" 表示一個(gè)字符("X" 表示一個(gè)十六進(jìn)制數(shù))
形式 |
字符范圍 |
/xXX |
編號(hào)在 0 ~ 255 范圍的字符,比如:空格可以使用 "/x20" 表示 |
/uXXXX |
任何字符可以使用 "/u" 再加上其編號(hào)的4位十六進(jìn)制數(shù)表示,比如:"/中" |
3.2 在表達(dá)式 "/s","/d","/w","/b" 表示特殊意義的同時(shí),對(duì)應(yīng)的大寫(xiě)字母表示相反的意義
表達(dá)式 |
可匹配 |
/S |
匹配所有非空白字符("/s" 可匹配各個(gè)空白字符) |
/D |
匹配所有的非數(shù)字字符 |
/W |
匹配所有的字母、數(shù)字、下劃線以外的字符 |
/B |
匹配非單詞邊界,即左右兩邊都是 "/w" 范圍或者左右兩邊都不是 "/w" 范圍時(shí)的字符縫隙 |
3.3 在表達(dá)式中有特殊意義,需要添加 "/" 才能匹配該字符本身的字符匯總
字符 |
說(shuō)明 |
^ |
匹配輸入字符串的開(kāi)始位置。要匹配 "^" 字符本身,請(qǐng)使用 "/^" |
$ |
匹配輸入字符串的結(jié)尾位置。要匹配 "$" 字符本身,請(qǐng)使用 "/$" |
( ) |
標(biāo)記一個(gè)子表達(dá)式的開(kāi)始和結(jié)束位置。要匹配小括號(hào),請(qǐng)使用 "/(" 和 "/)" |
[ ] |
用來(lái)自定義能夠匹配 '多種字符' 的表達(dá)式。要匹配中括號(hào),請(qǐng)使用 "/[" 和 "/]" |
{ } |
修飾匹配次數(shù)的符號(hào)。要匹配大括號(hào),請(qǐng)使用 "/{" 和 "/}" |
. |
匹配除了換行符(/n)以外的任意一個(gè)字符。要匹配小數(shù)點(diǎn)本身,請(qǐng)使用 "/." |
? |
修飾匹配次數(shù)為 0 次或 1 次。要匹配 "?" 字符本身,請(qǐng)使用 "/?" |
+ |
修飾匹配次數(shù)為至少 1 次。要匹配 "+" 字符本身,請(qǐng)使用 "/+" |
* |
修飾匹配次數(shù)為 0 次或任意次。要匹配 "*" 字符本身,請(qǐng)使用 "/*" |
| |
左右兩邊表達(dá)式之間 "或" 關(guān)系。匹配 "|" 本身,請(qǐng)使用 "/|" |
3.4 括號(hào) "( )" 內(nèi)的子表達(dá)式,如果希望匹配結(jié)果不進(jìn)行記錄供以后使用,可以使用 "(?:xxxxx)" 格式
舉例1:表達(dá)式 "(?:(/w)/1)+" 匹配 "a bbccdd efg" 時(shí),結(jié)果是 "bbccdd"。括號(hào) "(?:)" 范圍的匹配結(jié)果不進(jìn)行記錄,因此 "(/w)" 使用 "/1" 來(lái)引用。
3.5 常用的表達(dá)式屬性設(shè)置簡(jiǎn)介:Ignorecase,Singleline,Multiline,Global
表達(dá)式屬性 |
說(shuō)明 |
Ignorecase |
默認(rèn)情況下,表達(dá)式中的字母是要區(qū)分大小寫(xiě)的。配置為 Ignorecase 可使匹配時(shí)不區(qū)分大小寫(xiě)。有的表達(dá)式引擎,把 "大小寫(xiě)" 概念延伸至 UNICODE 范圍的大小寫(xiě)。 |
Singleline |
默認(rèn)情況下,小數(shù)點(diǎn) "." 匹配除了換行符(/n)以外的字符。配置為 Singleline 可使小數(shù)點(diǎn)可匹配包括換行符在內(nèi)的所有字符。 |
Multiline |
默認(rèn)情況下,表達(dá)式 "^" 和 "$" 只匹配字符串的開(kāi)始 ① 和結(jié)尾 ④ 位置。如: |
Global |
主要在將表達(dá)式用來(lái)替換時(shí)起作用,配置為 Global 表示替換所有的匹配。 |
4. 其他提示
4.1 如果想要了解高級(jí)的正則引擎還支持那些復(fù)雜的正則語(yǔ)法,可參見(jiàn)本站 DEELX 正則引擎的說(shuō)明文檔。
4.2 如果要要求表達(dá)式所匹配的內(nèi)容是整個(gè)字符串,而不是從字符串中找一部分,那么可以在表達(dá)式的首尾使用 "^" 和 "$",比如:"^/d+$" 要求整個(gè)字符串只有數(shù)字。
4.3 如果要求匹配的內(nèi)容是一個(gè)完整的單詞,而不會(huì)是單詞的一部分,那么在表達(dá)式首尾使用 "/b",比如:使用 "/b(if|while|else|void|int……)/b" 來(lái)匹配程序中的關(guān)鍵字。
4.4 表達(dá)式不要匹配空字符串。否則會(huì)一直得到匹配成功,而結(jié)果什么都沒(méi)有匹配到。比如:準(zhǔn)備寫(xiě)一個(gè)匹配 "123"、"123."、"123.5"、".5" 這幾種形式的表達(dá)式時(shí),整數(shù)、小數(shù)點(diǎn)、小數(shù)數(shù)字都可以省略,但是不要將表達(dá)式寫(xiě)成:"/d*/.?/d*",因?yàn)槿绻裁炊紱](méi)有,這個(gè)表達(dá)式也可以匹配成功。更好的寫(xiě)法是:"/d+/.?/d*|/./d+"。
4.5 能匹配空字符串的子匹配不要循環(huán)無(wú)限次。如果括號(hào)內(nèi)的子表達(dá)式中的每一部分都可以匹配 0 次,而這個(gè)括號(hào)整體又可以匹配無(wú)限次,那么情況可能比上一條所說(shuō)的更嚴(yán)重,匹配過(guò)程中可能死循環(huán)。雖然現(xiàn)在有些正則表達(dá)式引擎已經(jīng)通過(guò)辦法避免了這種情況出現(xiàn)死循環(huán)了,比如 .NET 的正則表達(dá)式,但是我們?nèi)匀粦?yīng)該盡量避免出現(xiàn)這種情況。如果我們?cè)趯?xiě)表達(dá)式時(shí)遇到了死循環(huán),也可以從這一點(diǎn)入手,查找一下是否是本條所說(shuō)的原因。
4.6 合理選擇貪婪模式與非貪婪模式,參見(jiàn)話題討論。
4.7 或 "|" 的左右兩邊,對(duì)某個(gè)字符最好只有一邊可以匹配,這樣,不會(huì)因?yàn)?"|" 兩邊的表達(dá)式因?yàn)榻粨Q位置而有所不同。
下一篇 ----------------------------------------------
1,定義正則表達(dá)式
1)定義正則表達(dá)式有兩種形式,一種是普通方式,一種是構(gòu)造函數(shù)方式。
2)普通方式:var reg=/表達(dá)式/附加參數(shù)
表達(dá)式:一個(gè)字符串,代表了某種規(guī)則,其中可以使用某些特殊字符,來(lái)代表特殊的規(guī)則,后面會(huì)詳細(xì)說(shuō)明。
附加參數(shù):用來(lái)擴(kuò)展表達(dá)式的含義,目前主要有三個(gè)參數(shù):
g:代表可以進(jìn)行全局匹配。
i:代表不區(qū)分大小寫(xiě)匹配。
m:代表可以進(jìn)行多行匹配。
上面三個(gè)參數(shù),可以任意組合,代表復(fù)合含義,當(dāng)然也可以不加參數(shù)。
例子:
var reg=/a*b/;
var reg=/abc+f/g;
3)構(gòu)造函數(shù)方式:var reg=new RegExp(“表達(dá)式”,”附加參數(shù)”);
其中“表達(dá)式”與“附加參數(shù)”的含義與上面那種定義方式中的含義相同。
例子:
var reg=new RegExp(“a*b”);
var reg=new RegExp(“abc+f”,”g”);
4)普通方式與構(gòu)造函數(shù)方式的區(qū)別
普通方式中的表達(dá)式必須是一個(gè)常量字符串,而構(gòu)造函數(shù)中的表達(dá)式可以是常量字符串,也可以是一個(gè)js變量,例如根據(jù)用戶的輸入來(lái)作為表達(dá)式參數(shù)等等:
var reg=new RegExp(document.forms[0].exprfiled.value,”g”);
2,表達(dá)式模式
1)表達(dá)式模式,是指表達(dá)式的表達(dá)方式與樣式, 即 var reg=/表達(dá)式/附加參數(shù) 中的“表達(dá)式”怎樣去描述?
2)從規(guī)范上講,表達(dá)式模式分為簡(jiǎn)單模式和復(fù)合模式。
3)簡(jiǎn)單模式:是指通過(guò)普通字符的組合來(lái)表達(dá)的模式,例如
var reg=/abc0d/;
可見(jiàn)簡(jiǎn)單模式只能表示具體的匹配。
4)復(fù)合模式:是指含有通配符來(lái)表達(dá)的模式,例如:
var reg=/a+b?/w/;
其中的+、?和/w都屬于通配符,代表著特殊的含義。因此復(fù)合模式可以表達(dá)更為抽象化的邏輯。
下面我們著重說(shuō)一下復(fù)合模式中各個(gè)通配符的含義及其使用。
5)復(fù)合模式中特殊字符的講解:
1>/:在許多編程語(yǔ)言里面被用作轉(zhuǎn)義符,一般來(lái)說(shuō)
/符號(hào)后面如果跟的是普通字符c,那么/c就代表特殊的含義,例如n本來(lái)代表字符n,但/n就代表?yè)Q行。
/符號(hào)后面如果跟的是特殊字符c,那么/c就代表普通字符c,例如/一般用作轉(zhuǎn)義符,但//則調(diào)表普通字符/。
Javascript的正則表達(dá)式中/的用法與上面相同,只是不同的編程語(yǔ)言,特殊字符表可能不太一樣罷了。
2>^:匹配輸入字符串的起始端,如果是多行匹配,即表達(dá)式的附加參數(shù)中含有m,則也在一個(gè)換行符后匹配。
例子:
/^B/匹配 “Bab Bc ”中的第一個(gè)B
例子2:
/^B/gm匹配
“Badd B
cdaf
B dsfB”
中的第一行第一個(gè)B,第三行中的第一個(gè)B
3>$:匹配輸入字符創(chuàng)的尾端,如果是多行匹配,即表達(dá)式的附加參數(shù)中含有m,則也在一個(gè)換行符前匹配。
與^的用法相反。
例子:/t$/匹配“bat”中的t,但是不匹配“hate”中的t
例子2:/t$/匹配
“tag at
bat”
中第一行的最后一個(gè)t和第二行的t。
4>*:匹配前一個(gè)字符0次或多次。
例子:/ab*/匹配“dddabbbbc”中的“abbbb”,也匹配“ddda”中的“a”
5>+:匹配前一個(gè)字符1次或多次。
例子:/ab+/匹配“dddabbbbc”中的“abbbb”,但不匹配“ddda”
與后面的{1,}(原型:{n,})的用法類(lèi)似
6>?:?的用法比較特殊,一般來(lái)說(shuō)它用來(lái)對(duì)前一個(gè)字符做0次或1次匹配,但是它有另外兩種特殊的用法:
如果緊跟在*、+、?和{ }之后,則表示原始匹配的最小次數(shù)匹配,例如:
/ba*/本來(lái)匹配“bbbaaaa”中的“baaaa”,但是/ba*?/則匹配“bbbaaaa”中的“b”(因?yàn)?表示0次或多次匹配,而加?應(yīng)該表示最少次數(shù)匹配,即0次匹配)。
同理:/ba+?/則匹配“baaaa”中的“ba”。
作為語(yǔ)法結(jié)構(gòu)符號(hào),使用于前置斷言中,即后面要說(shuō)到的x(?=y)和x(?!=y)
7>.:小數(shù)點(diǎn)中的“.”號(hào),匹配任何一個(gè)單獨(dú)的字符,但是換行符除外。
標(biāo)準(zhǔn)中總共有哪些字符?請(qǐng)參考:字符集
例如:/a.b/匹配“acbaa”中的“acb”,但是不匹配“abbb”。
8>(x):表示匹配x(并非特指字符x或者特指一個(gè)字符,x表示一個(gè)字符串),而且匹配會(huì)被記住,在語(yǔ)法中這種()被稱為“capturing parentheses ”,即捕捉用的小括號(hào)。
匹配會(huì)被記住,是因?yàn)樵诒磉_(dá)式提供的函數(shù)中,有些函數(shù)返回一個(gè)數(shù)組,該數(shù)組會(huì)保存所匹配的所有字符串,例如exec()函數(shù)。
另外還要注意()中的x被記住的前提是匹配x。
例子1:
var regx=/a(b)c/;
var rs=regx.exec(“abcddd”);
從上面可以看出,/a(b)c/匹配“abcddd”中的“abc”,因?yàn)?)的原因,b也會(huì)記錄下來(lái),因此rs返回的數(shù)字內(nèi)容為:
{abc,b}
例子2:
var regx=/a(b)c/;
var rs=regx.exec(“acbcddd”);
rs返回null,因?yàn)?a(b)c/不匹配“acbcddd”,所以()中的b不會(huì)被記錄下來(lái)(盡管字符串中含有b)
9>(?:x):匹配x,但不會(huì)記住x,這種格式中的()被稱為“non-capturing parentheses ”,即非捕捉用的小括號(hào)。
例子:
var regx=/a(?:b)c/;
var rs=regx.exec(“abcddd”);
從上面可以看出,/a(?:b)c/匹配“abcddd”中的“abc”,因?yàn)??:)的原因,b不會(huì)記錄下來(lái),因此rs返回的數(shù)字內(nèi)容為:
{abc}
10>X(?=y):匹配x,僅當(dāng)后面緊跟著y時(shí)。如果符合匹配,則只有x會(huì)被記住,y不會(huì)被記住。
例子:
var regx=/user(?=name)/;
var rs=regx.exec(“The username is Mary”);
結(jié)果:匹配成功,而且rs的值為{user}
11>X(?!y):匹配x,僅當(dāng)后面不緊跟著y時(shí)。如果符合匹配,則只有x會(huì)被記住,y不會(huì)被記住。
例子:
var regx=/user(?!name)/;
var rs=regx.exec(“The user name is Mary”);
結(jié)果:匹配成功,而且rs的值為{user}
例子2:
var regx=//d+(?!/.)/;
var rs=regx.exec(“54.235”);
結(jié)果:匹配成果,rs的值為{5},不匹配54是因?yàn)?4后面跟著“.”號(hào),當(dāng)然235也匹配,但是由于exec方法的行為,235不會(huì)被返回
12>x|y:匹配x或y。注意如果x和y都匹配上了,那么只記住x。
例子:
var regx=/beijing|shanghai/;
var rs=regx.exec(“I love beijing and shanghai”);
結(jié)果:匹配成功,rs的值為{beijing},雖然shanghai也匹配,但不會(huì)被記住。
13>{n}:匹配前一個(gè)字符的n次出現(xiàn)。
n必須是一個(gè)非負(fù)數(shù),當(dāng)然如果是一個(gè)負(fù)數(shù)或小數(shù)也不會(huì)報(bào)語(yǔ)法錯(cuò)誤。
例子:
var regx=/ab{2}c/;
var rs=regx.exec(“abbcd”);
結(jié)果:匹配成功,rs的值為:{abbc}。
14>{n,}:匹配前一個(gè)字符的至少n次出現(xiàn)。
例子:
var regx=/ab{2,}c/;
var rs=regx.exec(“abbcdabbbc”);
結(jié)果:匹配成功,rs的值為:{abbc}。注意為什么abbbc也符合條件為什么沒(méi)有被記住,這與exec方法的行為有關(guān),后面會(huì)統(tǒng)一講解。
15>{n,m}:匹配前一個(gè)字符的至少n次最多m次的出現(xiàn)。
只要n與m為數(shù)字,而且m>=n就不會(huì)報(bào)語(yǔ)法錯(cuò)誤。
例子:
var regx=/ab{2,5}c/;
var rs=regx.exec(“abbbcd”);
結(jié)果:匹配成功,rs的值為:{abbbc}。
例子2:
var regx=/ab{2,2}c/;
var rs=regx.exec(“abbcd”);
結(jié)果:匹配成功,rs的值為:{abbc}。
例子3:
var regx=/ab(2,5)/;
var rs=regx.exec(“abbbbbbbbbb”);
結(jié)果:匹配成功,rs的值為:{abbbbb},這說(shuō)明,如果前一個(gè)字符出現(xiàn)多于m次,則只匹配m次。另外:
var regx=/ab(2,5)c/;
var rs=regx.exec(“abbbbbbbbbbc”);
結(jié)果:匹配失敗,rs的值為:null,為什么匹配失敗,因?yàn)閎多于5個(gè)則b(2,5)會(huì)匹配前5個(gè)b,,而表達(dá)式/ab(2,5)c/中b后面是c,但字符串中5個(gè)b之后還是b所以會(huì)報(bào)錯(cuò)。
16>[xyz]:xyz表示一個(gè)字符串,該模式表示匹配[]中的一個(gè)字符,形式上[xyz]等同于[x-z]。
例子:
var regx=/a[bc]d/;
var rs=regx.exec(“abddgg”);
結(jié)果:匹配成功,rs的值為:{abd}
例子2:
var regx=/a[bc]d/;
var rs=regx.exec(“abcd”);
結(jié)果:匹配失敗,rs的值為:null,之所以失敗,是因?yàn)閇bc]表示匹配b或c中的一個(gè),但不會(huì)同時(shí)匹配。
17>[^xyz]:該模式表示匹配非[]中的一個(gè)字符,形式上[^xyz]等同于[^x-z]。
例子:
var regx=/a[^bc]d/;
var rs=regx.exec(“afddgg”);
結(jié)果:匹配成功,rs的值為:{afd}
例子2:
var regx=/a[^bc]d/;
var rs=regx.exec(“abd”);
結(jié)果:匹配失敗,rs的值為:。
18>[/b]:匹配退格鍵。
19>/b:匹配一個(gè)詞的邊界符,例如空格和換行符等等,當(dāng)然匹配換行符時(shí),表達(dá)式應(yīng)該附加參數(shù)m。
例子:
var regx=//bc./;
var rs=regx.exec(“Beijing is a beautiful city”);
結(jié)果:匹配成功,rs的值為:{ci},注意c前邊的空格不會(huì)匹配到結(jié)果中,即{ ci}是不正確的。
20>/B:代表一個(gè)非單詞邊界。
例子:
var regx=//Bi./;
var rs=regx.exec(“Beijing is a beautiful city”);
結(jié)果:匹配成功,rs的值為:{ij},即匹配了Beijing中的ij。
21>/cX,匹配一個(gè)控制字符。例如, /cM 匹配一個(gè) Control-M 或
回車(chē)符。 x 的值必須為 A-Z 或 a-z 之一。否則,將 c 視為一
個(gè)原義的 'c' 字符。(實(shí)際的例子還需補(bǔ)充)
21>/d:匹配一個(gè)數(shù)字字符,等同于[0-9]。
例子:
var regx=/user/d/;
var rs=regx.exec(“user1”);
結(jié)果:匹配成功,rs的值為:{user1}
22>/D:匹配一個(gè)非數(shù)字字符,等同于[^0-9]。
例子:
var regx=/user/D/;
var rs=regx.exec(“userA”);
結(jié)果:匹配成功,rs的值為:{userA}
23>/f:匹配一個(gè)換頁(yè)符。
24>/n:匹配一個(gè)換行符。因?yàn)槭菗Q行符,所以在表達(dá)式中要加入m參數(shù)。
例子:
var regx=/a/nbc/m;
var str=“a
bc”;
var rs=regx.exec(str);
結(jié)果:匹配成功,rs的值為:{ },如果表達(dá)式為/a/n/rbc/,則不會(huì)被匹配,因此在一般的編輯器中一個(gè)”Enter”鍵代表著“回車(chē)換行”,而非“換行回車(chē)”,至少在textarea域中是這樣的。
25>/r:匹配一個(gè)回車(chē)符
26>/s:匹配一個(gè)空格符,等同于[ /f/n/r/t/v/u00A0/u2028/u2029].
例子:
var regx=//si/;
var rs=regx.exec(“Beijing is a city”);
結(jié)果:匹配成功,rs的值為:{ i}
27>/S:匹配一個(gè)非空格符,等同于[ ^/f/n/r/t/v/u00A0/u2028/u2029].
例子:
var regx=//Si/;
var rs=regx.exec(“Beijing is a city”);
結(jié)果:匹配成功,rs的值為:{ei}
28>/t:匹配一個(gè)tab
例子:
var regx=/a/tb/;
var rs=regx.exec(“a bc”);
結(jié)果:匹配成功,rs的值為: {a bc}
29>/v:匹配一個(gè)豎向的tab
30>/w:匹配一個(gè)數(shù)字、_或字母表字符,即[A-Za-z0-9_ ]。
例子:
var regx=//w/;
var rs=regx.exec(“$25.23”);
結(jié)果:匹配成功,rs的值為:{2}
31>/W:匹配一個(gè)非數(shù)字、_或字母表字符,即[^A-Za-z0-9_ ]。
例子:
var regx=//w/;
var rs=regx.exec(“$25.23”);
結(jié)果:匹配成功,rs的值為:{$}
32>/n:注意不是/n,這里n是一個(gè)正整數(shù),表示匹配第n個(gè)()中的字符。
例子:
var regx=/user([,-])group/1role/;
var rs=regx.exec(“user-group-role”);
結(jié)果:匹配成功,rs的值為:{user-group-role,-},同樣對(duì)user,group,role的匹配也是成功的,但像user-group,role等就不對(duì)了。
33>/0:匹配一個(gè)NUL字符。
34>/xhh:匹配一個(gè)由兩位16進(jìn)制數(shù)字所表達(dá)的字符。
35>/uhhhh:匹配一個(gè)由四位16進(jìn)制數(shù)字所表達(dá)的字符。
3,表達(dá)式操作
1)表達(dá)式操作,在這里是指和表達(dá)式相關(guān)的方法,我們將介紹六個(gè)方法。
2)表達(dá)式對(duì)象(RegExp)方法:
1>exec(str),返回str中與表達(dá)式相匹配的第一個(gè)字符串,而且以數(shù)組的形式表現(xiàn),當(dāng)然如果表達(dá)式中含有捕捉用的小括號(hào),則返回的數(shù)組中也可能含有()中的匹配字符串,例如:
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}
另外,如果有多個(gè)合適的匹配,則第一次執(zhí)行exec返回一個(gè)第一個(gè)匹配,此時(shí)繼續(xù)執(zhí)行exec,則依次返回第二個(gè)第三個(gè)匹配。例如:
var regx=/user/d/g;
var rs=regx.exec(“ddduser1dsfuser2dd”);
var rs1=regx.exec(“ddduser1dsfuser2dd”);
則rs的值為{user1},rs的值為{rs2},當(dāng)然注意regx中的g參數(shù)是必須的,否則無(wú)論exec執(zhí)行多少次,都返回第一個(gè)匹配。后面還有相關(guān)內(nèi)容涉及到對(duì)此想象的解釋。
2>test(str),判斷字符串str是否匹配表達(dá)式,返回一個(gè)布爾值。例如:
var regx=/user/d+/g;
var flag=regx.test(“user12dd”);
flag的值為true。
3)String對(duì)象方法
1>match(expr),返回與expr相匹配的一個(gè)字符串?dāng)?shù)組,如果沒(méi)有加參數(shù)g,則返回第一個(gè)匹配,加入?yún)?shù)g則返回所有的匹配
例子:
var regx=/user/d/g;
var str=“user13userddduser345”;
var rs=str.match(regx);
rs的值為:{user1,user3}
2>search(expr),返回字符串中與expr相匹配的第一個(gè)匹配的index值。
例子:
var regx=/user/d/g;
var str=“user13userddduser345”;
var rs=str.search(regx);
rs的值為:0
3>replace(expr,str),將字符串中匹配expr的部分替換為str。另外在replace方法中,str中可以含有一種變量符號(hào)$,格式為$n,代表匹配中被記住的第n的匹配字符串(注意小括號(hào)可以記憶匹配)。
例子:
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
對(duì)于replace(expr,str)方法還要特別注意一點(diǎn),如果expr是一個(gè)表達(dá)式對(duì)象則會(huì)進(jìn)行全局替換(此時(shí)表達(dá)式必須附加參數(shù)g,否則也只是替換第一個(gè)匹配),如果expr是一個(gè)字符串對(duì)象,則只會(huì)替換第一個(gè)匹配的部分,例如:
var regx=“user”
var str=“user13userddduser345”;
var rs=str.replace(regx,”00”);
rs的值為: 0013userddduser345
4>split(expr),將字符串以匹配expr的部分做分割,返回一個(gè)數(shù)組,而且表達(dá)式是否附加參數(shù)g都沒(méi)有關(guān)系,結(jié)果是一樣的。
例子:
var regx=/user/d/g;
var str=“user13userddduser345”;
var rs=str.split(regx);
rs的值為:{3userddd,45}
4,表達(dá)式相關(guān)屬性
1)表達(dá)式相關(guān)屬性,是指和表達(dá)式相關(guān)的屬性,如下面的形式:
var regx=/myexpr/;
var rs=regx.exec(str);
其中,和表達(dá)式自身regx相關(guān)的屬性有兩個(gè),和表達(dá)式匹配結(jié)果rs相關(guān)的屬性有三個(gè),下面將逐一介紹。
2)和表達(dá)式自身相關(guān)的兩個(gè)屬性:
1>lastIndex,返回開(kāi)始下一個(gè)匹配的位置,注意必須是全局匹配(表達(dá)式中帶有g(shù)參數(shù))時(shí),lastIndex才會(huì)有不斷返回下一個(gè)匹配值,否則該值為總是返回第一個(gè)下一個(gè)匹配位置,例如:
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,第二個(gè)lastIndex2也為9,第三個(gè)也是9;如果regx=/user/d/g,則第一個(gè)為9,第二個(gè)為18,第三個(gè)為0。
2>source,返回表達(dá)式字符串自身。例如:
var regx=/user/d/;
var rs=regx.exec(“sdsfuser1dfsfuser2”);
var source=regx.source;
source的值為user/d
3)和匹配結(jié)果相關(guān)的三個(gè)屬性:
1>index,返回當(dāng)前匹配的位置。例如:
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,如果表達(dá)式加入?yún)?shù)g,則index1為4,index2為13,index3會(huì)報(bào)錯(cuò)(index為空或不是對(duì)象)。
2>input,用于匹配的字符串。例如:
var regx=/user/d/;
var rs=regx.exec(“sdsfuser1dfsfuser2”);
var input=rs.input;
input的值為sdsfuser1dfsfuser2。
3>[0],返回匹配結(jié)果中的第一個(gè)匹配值,對(duì)于match而言可能返回一個(gè)多值的數(shù)字,則除了[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,實(shí)際應(yīng)用
1)實(shí)際應(yīng)用一
描述:有一表單,其中有一個(gè)“用戶名”input域
要求:漢字,而且不能少于2個(gè)漢字,不能多于4個(gè)漢字。
實(shí)現(xiàn):
<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)實(shí)際應(yīng)用二
描述:給定一個(gè)含有html標(biāo)記的字符串,要求將其中的html標(biāo)記去掉。
實(shí)現(xiàn):
<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>
三,小結(jié)
1,Javascript正則表達(dá)式,我想在一般的程序員之中,使用者應(yīng)該不是很多,因?yàn)槲覀兲幚淼捻?yè)面一般都不是很復(fù)雜,而復(fù)雜的邏輯一般我們都在后臺(tái)處理完成了。但是目前趨勢(shì)已經(jīng)出現(xiàn)了扭轉(zhuǎn),富客戶端已經(jīng)被越來(lái)越多的人接受,而Javascript就是其中的關(guān)鍵技術(shù),對(duì)于復(fù)雜的客戶端邏輯而言,正則表達(dá)式的作用也是很關(guān)鍵的,同時(shí)它也是Javascript高手必須要掌握的重要技術(shù)之一。
2,為了能夠便于大家對(duì)前面講述的內(nèi)容有一個(gè)更為綜合和深刻的認(rèn)識(shí),我將前面的一些關(guān)鍵點(diǎn)和容易犯糊涂的地方再系統(tǒng)總結(jié)一下,這部分很關(guān)鍵!
總結(jié)1:附件參數(shù)g的用法
表達(dá)式加上參數(shù)g之后,表明可以進(jìn)行全局匹配,注意這里“可以”的含義。我們?cè)敿?xì)敘述:
1)對(duì)于表達(dá)式對(duì)象的exec方法,不加入g,則只返回第一個(gè)匹配,無(wú)論執(zhí)行多少次均是如此,如果加入g,則第一次執(zhí)行也返回第一個(gè)匹配,再執(zhí)行返回第二個(gè)匹配,依次類(lèi)推。例如
var regx=/user/d/;
var str=“user18dsdfuser2dsfsd”;
var rs=regx.exec(str);//此時(shí)rs的值為{user1}
var rs2=regx.exec(str);//此時(shí)rs的值依然為{user1}
如果regx=/user/d/g;則rs的值為{user1},rs2的值為{user2}
通過(guò)這個(gè)例子說(shuō)明:對(duì)于exec方法,表達(dá)式加入了g,并不是說(shuō)執(zhí)行exec方法就可以返回所有的匹配,而是說(shuō)加入了g之后,我可以通過(guò)某種方式得到所有的匹配,這里的“方式”對(duì)于exec而言,就是依次執(zhí)行這個(gè)方法即可。
2)對(duì)于表達(dá)式對(duì)象的test方法,加入g于不加上g沒(méi)有什么區(qū)別。
3)對(duì)于String對(duì)象的match方法,不加入g,也只是返回第一個(gè)匹配,一直執(zhí)行match方法也總是返回第一個(gè)匹配,加入g,則一次返回所有的匹配(注意這與表達(dá)式對(duì)象的exec方法不同,對(duì)于exec而言,表達(dá)式即使加上了g,也不會(huì)一次返回所有的匹配)。例如:
var regx=/user/d/;
var str=“user1sdfsffuser2dfsdf”;
var rs=str.match(regx);//此時(shí)rs的值為{user1}
var rs2=str.match(regx);//此時(shí)rs的值依然為{user1}
如果regx=/user/d/g,則rs的值為{user1,user2},rs2的值也為{user1,user2}
4)對(duì)于String對(duì)象的replace方法,表達(dá)式不加入g,則只替換第一個(gè)匹配,如果加入g,則替換所有匹配。(開(kāi)頭的三道測(cè)試題能很好的說(shuō)明這一點(diǎn))
5)對(duì)于String對(duì)象的split方法,加上g與不加g是一樣的,即:
var sep=/user/d/;
var array=“user1dfsfuser2dfsf”.split(sep);
則array的值為{dfsf, dfsf}
此時(shí)sep=/user/d/g,返回值是一樣的。
6)對(duì)于String對(duì)象的search方法,加不加g也是一樣的。
總結(jié)2:附加參數(shù)m的用法
附加參數(shù)m,表明可以進(jìn)行多行匹配,但是這個(gè)只有當(dāng)使用^和$模式時(shí)才會(huì)起作用,在其他的模式中,加不加入m都可以進(jìn)行多行匹配(其實(shí)說(shuō)多行的字符串也是一個(gè)普通字符串),我們舉例說(shuō)明這一點(diǎn)
1)使用^的例子
var regx=/^b./g; var str=“bd76 dfsdf sdfsdfs dffs b76dsf sdfsdf”; var rs=str.match(regx);
此時(shí)加入g和不加入g,都只返回第一個(gè)匹配{bd},如果regx=/^b./gm,則返回所有的匹配{bd,b7},注意如果regx=/^b./m,則也只返回第一個(gè)匹配。所以,加入m表明可以進(jìn)行多行匹配,加入g表明可以進(jìn)行全局匹配,綜合到一起就是可以進(jìn)行多行全局匹配
2)使用其他模式的例子,例如
var regx=/user/d/; var str=“sdfsfsdfsdf sdfsuser3 dffs b76dsf user6”; var rs=str.match(regx);
此時(shí)不加參數(shù)g,則返回{user3},加入?yún)?shù)g返回{user3,user6},加不加入m對(duì)此沒(méi)有影響。
3)因此對(duì)于m我們要清楚它的使用,記住它只對(duì)^和$模式起作用,在這兩種模式中,m的作用為:如果不加入m,則只能在第一行進(jìn)行匹配,如果加入m則可以在所有的行進(jìn)行匹配。我們?cè)倏匆粋€(gè)^的例子
var regx=/^b./; var str=“ret76 dfsdf bjfsdfs dffs b76dsf sdfsdf”; var rs=str.match(regx);
此時(shí)rs的值為null,如果加入g,rs的值仍然為null,如果加入m,則rs的值為{bj}(也就是說(shuō),在第一行沒(méi)有找到匹配,因?yàn)橛袇?shù)m,所以可以繼續(xù)去下面的行去找是否有匹配),如果m和g都加上,則返回{bj,b7}(只加m不加g說(shuō)明,可以去多行進(jìn)行匹配,但是找到一個(gè)匹配后就返回,加入g表明將多行中所有的匹配返回,當(dāng)然對(duì)于match方法是如此,對(duì)于exec呢,則需要執(zhí)行多次才能依次返回)
總結(jié)3:
在HTML的textarea輸入域中,按一個(gè)Enter鍵,對(duì)應(yīng)的控制字符為“/r/n”,即“回車(chē)換行”,而不是“/n/r”,即“換行回車(chē)”,我們看一個(gè)前面我們舉過(guò)的例子:
var regx=/a/r/nbc/; var str=“a bc”; var rs=regx.exec(str);
結(jié)果:匹配成功,rs的值為:{ },如果表達(dá)式為/a/n/rbc/,則不會(huì)被匹配,因此在一般的編輯器中一個(gè)”Enter”鍵代表著“回車(chē)換行”,而非“換行回車(chē)”,至少在textarea域中是這樣的。
以上這篇淺談JS正則表達(dá)式的RegExp對(duì)象和括號(hào)的使用就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
ligerUI---ListBox(列表框可移動(dòng)的實(shí)例)
下面小編就為大家分享一篇ligerUI---ListBox(列表框可移動(dòng)的實(shí)例),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-11-11在js文件中寫(xiě)el表達(dá)式取不到值的原因及解決方法
在js文件中寫(xiě)el表達(dá)式取不到值,百度一下,將經(jīng)驗(yàn)總結(jié)如下,有類(lèi)似情況的朋友可以參考下2013-12-12微信小程序?qū)崿F(xiàn)默認(rèn)第一個(gè)選中變色效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)默認(rèn)第一個(gè)選中變色效果,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-07-07Javascript利用canvas繪制兩點(diǎn)間曲線和箭頭
這篇文章主要為大家詳細(xì)介紹了Javascript如何利用canvas實(shí)現(xiàn)在兩點(diǎn)間繪制曲線和矩形,并且在矩形中繪制文字,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-10-10Bootstrap 模態(tài)框多次顯示后臺(tái)提交多次BUG的解決方法
本篇文章主要介紹了Bootstrap 模態(tài)框多次顯示后臺(tái)提交多次BUG的解決方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12JavaScript使用math.js進(jìn)行精確計(jì)算操作示例
這篇文章主要介紹了JavaScript使用math.js進(jìn)行精確計(jì)算操作,結(jié)合實(shí)例形式分析了開(kāi)源庫(kù)math.js進(jìn)行高精度數(shù)學(xué)運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2018-06-06javascript簡(jiǎn)單實(shí)現(xiàn)深淺拷貝過(guò)程詳解
這篇文章主要介紹了javascript簡(jiǎn)單實(shí)現(xiàn)深淺拷貝過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10隨機(jī)顯示經(jīng)典句子或詩(shī)歌的javascript腳本
這篇文章主要介紹了隨機(jī)顯示經(jīng)典句子或詩(shī)歌的javascript腳本的相關(guān)資料,需要的朋友可以參考下2007-08-08解決WordPress使用CDN后博文無(wú)法評(píng)論的錯(cuò)誤
這篇文章主要介紹了解決WordPress使用CDN后博文無(wú)法評(píng)論的錯(cuò)誤的方法,同時(shí)提醒注意WordPress使用版本的jQuery版本支持度,需要的朋友可以參考下2015-12-12