JS正則表達(dá)式從入門到精通精通

1、JS 正則表達(dá)式從入門到精通精通精通 JS 正則表達(dá)式精通 JS 正則表達(dá)式，講的比較詳細(xì)，學(xué)習(xí)正則表達(dá)式的朋友可以參考下。正則表達(dá)式可以:?測試字符串的某個(gè)模式。例如，可以對一個(gè)輸入字符串進(jìn)行測試，看在該字符串是否存在一個(gè)電話號碼模式或一個(gè)信用卡號碼模式。這稱為數(shù)據(jù)有效性驗(yàn)證?替換文本。可以在文檔中使用一個(gè)正則表達(dá)式來標(biāo)識特定文字，然后可以全部將其刪除，或者替換為別的文字?根據(jù)模式匹配從字符串中提取一個(gè)子字符串?？梢杂脕碓谖谋净蜉斎胱侄沃胁檎姨囟ㄎ淖终齽t表達(dá)式語法一個(gè)正則表達(dá)式就是由普通字符（例如字符a 到 z）以及特殊字符（稱為元字符）組成的文字模式。 該模式描述在查找文字主體時(shí)待匹配的一

2、個(gè)或多個(gè)字符串。正則表達(dá)式作為一個(gè)模板，將某個(gè)字符模式與所搜索的字符串進(jìn)行匹配。創(chuàng)建正則表達(dá)式復(fù)制代碼代碼如下 :var re = newRegExp();/RegExp是一個(gè)對象 ,和 Aarray 一樣/但這樣沒有任何效果, 需要將正則表達(dá)式的內(nèi)容作為字符串傳遞進(jìn)去re =newRegExp("a");/最簡單的正則表達(dá)式,將匹配字母are=newRegExp("a","i");/第二個(gè)參數(shù) ,表示匹配時(shí)不分大小寫RegExp構(gòu)造函數(shù)第一個(gè)參數(shù)為正則表達(dá)式的文本內(nèi)容,而第一個(gè)參數(shù)則為可選項(xiàng)標(biāo)志.標(biāo)志可以組合使用?g （全文查找）1

3、/20JS 正則表達(dá)式從入門到精通精通?i （忽略大小寫）?m （多行查找）復(fù)制代碼代碼如下 :var re = newRegExp("a","gi");/匹配所有的a 或 A正則表達(dá)式還有另一種正則表達(dá)式字面量的聲明方式復(fù)制代碼代碼如下 :var re = /a/gi;和正則表達(dá)式相關(guān)的方法和屬性正則表達(dá)式對象的方法?test,返回一個(gè)Boolean值，它指出在被查找的字符串中是否存在模式。如果存在則返回true ，否則就返回false 。?exec, 用正則表達(dá)式模式在字符串中運(yùn)行查找，并返回包<scripttype="text/ja

4、vascript"src=""></script><scripttype="text/javascript"src=""></script>含該查找結(jié)果的一個(gè)數(shù)組。?compile, 把正則表達(dá)式編譯為內(nèi)部格式，從而執(zhí)行得更快。正則表達(dá)式對象的屬性?source, 返回正則表達(dá)式模式的文本的復(fù)本。只讀。?lastIndex, 返回字符位置，它是被查找字符串中下一次成功匹配的開始位置。?$1.$9, 返回九個(gè)在模式匹配期間找到的、最近保存的部分。只讀。?input ($_), 返回執(zhí)行

5、規(guī)范表述查找的字符串。只讀。?lastMatch($&), 返回任何正則表達(dá)式搜索過程中的最后匹配的字符。只讀。?lastParen($+), 如果有的話，返回任何正則表達(dá)式查找過程中最后括的子匹配。只讀。?leftContext($), 返回被查找的字符串中從字符串開始位置到最后匹配之前的位置之間的字2/20JS 正則表達(dá)式從入門到精通精通符。只讀。?rightContext($'), 返回被搜索的字符串中從最后一個(gè)匹配位置開始到字符串結(jié)尾之間的字符。只讀。String 對象一些和正則表達(dá)式相關(guān)的方法?match, 找到一個(gè)或多個(gè)正則表達(dá)式的匹配。?replace, 替換與正

6、則表達(dá)式匹配的子串。?search, 檢索與正則表達(dá)式相匹配的值。?split, 把字符串分割為字符串?dāng)?shù)組。測試正則表達(dá)式是如何工作的!復(fù)制代碼代碼如下 :/test 方法 , 測試字符串 , 符合模式時(shí)返回true, 否則返回falsevar re = /he/;/ 最簡單的正則表達(dá)式,將匹配 he 這個(gè)單詞var str = "he"alert(re.test(str);/truestr = "we"alert(re.test(str);/falsestr = "HE"alert(re.test(str);/false,大寫 ,如

7、果要大小寫都匹配可以指定i 標(biāo)志 (i 是 ignoreCase或 case-insensitive的表示 )re = /he/i;alert(re.test(str);/truestr = "Certainly!Helovesher!"alert(re.test(str);/true,只要包含he(HE) 就符合 ,如果要只是he 或 HE, 不能有其它字符,則可使用 和$3/20JS 正則表達(dá)式從入門到精通精通re = /he/i;/ 脫字符 () 代表字符開始位置alert(re.test(str);/false,因?yàn)?he 不在 str 最開始str = "

8、;Heis a goodboy!"alert(re.test(str);/true,He是字符開始位置,還需要使用 $re = /he$/i;/$ 表示字符結(jié)束位置alert(re.test(str);/falsestr = "He"alert(re.test(str);/true/當(dāng)然 ,這樣不能發(fā)現(xiàn)正則表達(dá)式有多強(qiáng)大,因?yàn)槲覀兺耆梢栽谏厦娴睦又惺褂?或 indexOfre = /s/;/s 匹配任何空白字符，包括空格、制表符、換頁符等等str="userName"/ 用戶名包含空格alert(re.test(str);/truestr

9、= "userName"/ 用戶名包含制表符alert(re.test(str);/truere=/a-z/i;/ 匹配指定范圍內(nèi)的任意字符,這里將匹配英文字母,不區(qū)分大小寫str="variableName"/變量名必須以字母開頭alert(re.test(str);/truestr="123abc"alert(re.test(str);/false當(dāng)然 ,僅僅知道了字符串是否匹配模式還不夠, 我們還需要知道哪些字符匹配了模式復(fù)制代碼代碼如下 :var osVersion= "Ubuntu8"/ 其中的 8 表示

10、系統(tǒng)主版本號4/20JS 正則表達(dá)式從入門到精通精通var re = /a-z+s+d+$/i;/+ 號表示字符至少要出現(xiàn)1 次,s 表示空白字符,d 表示一個(gè)數(shù)字alert(re.test(osVersion);/true,但我們想知道主版本號/另一個(gè)方法exec, 返回一個(gè)數(shù)組 ,數(shù)組的第一個(gè)元素為完整的匹配內(nèi)容re=/a-z+s+d+$/i;arr = re.exec(osVersion);alert(arr0);/ 將 osVersion完整輸出 ,因?yàn)檎麄€(gè)字符串剛好匹配re/我只需要取出數(shù)字re=/d+/;var arr = re.exec(osVersion);alert(arr0

11、);/8更復(fù)雜的用法 , 使用子匹配復(fù)制代碼代碼如下 :/exec 返回的數(shù)組第1 到 n 元素中包含的是匹配中出現(xiàn)的任意一個(gè)子匹配re=/a-z+s+(d+)$/i;/用 () 來創(chuàng)建子匹配arr =re.exec(osVersion);alert(arr0);/ 整個(gè) osVersion, 也就是正則表達(dá)式的完整匹配alert(arr1);/8,第一個(gè)子匹配 ,事實(shí)也可以這樣取出主版本號alert(arr.length);/2osVersion= "Ubuntu8.10"/ 取出主版本號和次版本號re = /a-z+s+(d+).(d+)$/i;/.是正則表達(dá)式元字符之

12、一,若要用它的字面意義須轉(zhuǎn)義arr = re.exec(osVersion);alert(arr0);/ 完整的 osVersion5/20JS 正則表達(dá)式從入門到精通精通alert(arr1);/8alert(arr2);/10注意 ,當(dāng)字符串不匹配re 時(shí),exec 方法將返回nullString 對象的一些和正則表達(dá)式有關(guān)的方法復(fù)制代碼代碼如下 :/replace方法 ,用于替換字符串var str ="somemoney"alert(str.replace("some","much");/muchmoney/replace的第

13、一個(gè)參數(shù)可以為正則表達(dá)式var re = /s/;/ 空白字符alert(str.replace(re,"%");/some%money/在不知道字符串中有多少空白字符時(shí),正則表達(dá)式極為方便str ="somesometsometf"re = /s+/;alert(str.replace(re,"#");/但這樣只會將第一次出現(xiàn)的一堆空白字符替換掉/因?yàn)橐粋€(gè)正則表達(dá)式只能進(jìn)行一次匹配,s+ 匹配了第一個(gè)空格后就退出了re = /s+/g;/g, 全局標(biāo)志 ,將使正則表達(dá)式匹配整個(gè)字符串a(chǎn)lert(str.replace(re,&quo

14、t;");/somesomesomevar str = "ADF9DF9DF9",/那個(gè)文本文件中的字符串;re = /9/gi,/ 匹配 9counter= 0; / 計(jì)數(shù)器var newstr=str = str.replace(re,function()counter+;/每出現(xiàn)一次匹配,函數(shù)就被執(zhí)行一次, 函數(shù)的返回值用來替換原值6/20JS 正則表達(dá)式從入門到精通精通return"#");alert(" 替換次數(shù) : "+counter);/alert(str);/最后 str 變成ADF#DF#DF#"

15、var str = " 他今年 22 歲，她今年20 歲，他的爸爸今年45 歲，她的爸爸今年44 歲，一共有4人"function test($1) vargyear=(newDate().getYear()- parseInt($1) + 1;return$1+"(" +gyear + "年出生 )"/ varreg=newRegExp("()歲 ","g");varreg =/(d+) 歲 /gi;varnewstr=str.replace(reg,test);/alert(str);/al

16、ert(newstr);/另一個(gè)與之相似的是splitvar str = "a-bd-c"var arr = str.split("-");/ 返回 "a","bd","c"/如果 str 是用戶輸入的,他可能輸入a-bd-c 也可能輸入a bd c 或 a_bd_c, 但不會是 abdc( 這樣就說他輸錯(cuò)了)str = "a_db-c"/ 用戶以他喜歡的方式加分隔符sre=/a-z/i;/ 前面我們說 表示字符開始,但在 里它表示一個(gè)負(fù)字符集/匹配任何不在指定范圍內(nèi)的任意字

17、符,這里將匹配除字母處的所有字符arr = str.split(re);/ 仍返回 "a","bd","c"7/20JS 正則表達(dá)式從入門到精通精通/在字符串中查找時(shí)我們常用indexOf, 與之對應(yīng)用于正則查找的方法是searchstr = "Myage is 18.Goldenage!"/ 年齡不是一定的, 我們用 indexOf 不能查找它的位置re = /d+/;alert(str.search(re);/返回查找到的字符串開始下標(biāo)10/注意 ,因?yàn)椴檎冶旧砭褪浅霈F(xiàn)第一次就立即返回,所以無需在search

18、時(shí)使用 g 標(biāo)志/下面的代碼雖然不出錯(cuò),但 g 標(biāo)志是多余的re=/d+/g;alert(str.search(re);/仍然是 10類似于 exec 方法 ,String 對象的 match 方法也用于將字符串與正則表達(dá)式進(jìn)行匹配并返回結(jié)果數(shù)組復(fù)制代碼代碼如下 :var str = "Mynameis CJ.Helloeveryone!"var re = /A-Z/;/ 匹配所有大寫字母var arr = str.match(re);/返回?cái)?shù)組alert(arr);/ 數(shù)組中只會包含一個(gè)M, 因?yàn)槲覀儧]有使用全局匹配re = /A-Z/g;arr = str.match(

19、re);alert(arr);/M,C,J,H/從字符串中抽取單詞re = /ba-z*b/gi;/b表示單詞邊界str = "onetwothreefour"alert(str.match(re);/one,two,three,four8/20JS 正則表達(dá)式從入門到精通精通RegExp對象實(shí)例的一些屬性復(fù)制代碼代碼如下 :var re = /a-z/i;alert(re.source);/將 a-z 字符串輸出/請注意 ,直接 alert(re) 會將正則表達(dá)式連同前向斜線與標(biāo)志輸出,這是 re.toString方法定義的var re = /a-z/i;alert(re

20、.source);/將 a-z 字符串輸出/請注意 ,直接 alert(re) 會將正則表達(dá)式連同前向斜線與標(biāo)志輸出,這是 re.toString方法定義的每個(gè) RegExp 對象的實(shí)例具有l(wèi)astIndex 屬性 , 它是被查找字符串中下一次成功匹配的開始位置, 默認(rèn)值是 -1 。 lastIndex屬性被RegExp對象的exec和 test方法修改 .并且它是可寫的.復(fù)制代碼代碼如下 :var re = /A-Z/;/exec 方法執(zhí)行后 , 修改了 re 的 lastIndex屬性 ,var str = "Hello,World!"var arr = re.exec

21、(str);alert(re.lastIndex);/0,因?yàn)闆]有設(shè)置全局標(biāo)志re = /A-Z/g;9/20JS 正則表達(dá)式從入門到精通精通arr = re.exec(str);alert(re.lastIndex);/1arr = re.exec(str);alert(re.lastIndex);/7當(dāng)匹配失敗（后面沒有匹配），或lastIndex值大于字符串長度時(shí)，再執(zhí)行exec 等方法會將 lastIndex 設(shè)為 0( 開始位置 )復(fù)制代碼代碼如下 :var re = /A-Z/;var str = "Hello,World!"re.lastIndex= 120;

22、var arr = re.exec(str);alert(re.lastIndex);/0RegExp對象的靜態(tài)屬性復(fù)制代碼代碼如下 :/input最后用于匹配的字符串（傳遞給test,exec方法的字符串）var re = /A-Z/;var str = "Hello,World!"var arr = re.exec(str);alert(RegExp.input);/Hello,World!re.exec("tempstr");alert(RegExp.input);/仍然是 Hello,World!,因?yàn)?tempstr 不匹配10/20JS 正則

23、表達(dá)式從入門到精通精通/lastMatch最后匹配的字符re = /a-z/g;str = "hi"re.test(str);alert(RegExp.lastMatch);/hre.test(str);alert(RegExp"$&");/i,$& 是 lastMatch的短名字， 但由于它不是合法變量名，所以要。/lastParen最后匹配的分組re = /a-z(d+)/gi;str = "Class1Class2Class3"re.test(str);alert(RegExp.lastParen);/1re.t

24、est(str);alert(RegExp"$+");/2/leftContext返回被查找的字符串中從字符串開始位置到最后匹配之前的位置之間的字符/rigthContext返回被搜索的字符串中從最后一個(gè)匹配位置開始到字符串結(jié)尾之間的字符re = /A-Z/g;str = "123ABC456"re.test(str);alert(RegExp.leftContext);/123alert(RegExp.rightContext);/BC456re.test(str);alert(RegExp"$");/123Aalert(RegEx

25、p"$'");/C45611/20JS 正則表達(dá)式從入門到精通精通multiline 屬性返回正則表達(dá)式是否使用多行模式,這個(gè)屬性不針對某個(gè)正則表達(dá)式實(shí)例，而是針對所有正則表達(dá)式，并且這個(gè)屬性可寫.(IE 與 Opera 不支持這個(gè)屬性)復(fù)制代碼代碼如下 :alert(RegExp.multiline);/因?yàn)?IE ， Opera 不支持這個(gè)屬性，所以最好還是單獨(dú)指定var re = /w+/m;alert(re.multiline);alert(RegExp"$*");/RegExp對象的靜態(tài)屬性不會因?yàn)榻oRegExp某個(gè)對象實(shí)例指定了m標(biāo)志

26、而改變RegExp.multiline= true;/ 這將打開所有正則表達(dá)式實(shí)例的多行匹配模式alert(RegExp.multiline);使用元字符注意事項(xiàng):元字符是正則表達(dá)式的一部分，當(dāng)我們要匹配正則表達(dá)式本身時(shí)，必須對這些元字符轉(zhuǎn)義.下面是正則表達(dá)式用到的所有元字符($|)?*+.復(fù)制代碼代碼如下 :var str = "?"var re = /?/;alert(re.test(str);/出錯(cuò)，因?yàn)?？是元字符，必須轉(zhuǎn)義re = /?/;alert(re.test(str);/true12/20JS 正則表達(dá)式從入門到精通精通使用 RegExp 構(gòu)造函數(shù)與使用正則

27、表達(dá)式字面量創(chuàng)建正則表達(dá)式注意點(diǎn)復(fù)制代碼代碼如下 :var str = "?"alert(str);/ 只會輸出 ?var re = /?/;/ 將匹配 ?alert(re.test(str);/truere = newRegExp("?");/出錯(cuò) ,因?yàn)檫@相當(dāng)于re = /?/re = newRegExp("?");/正確，將匹配？alert(re.test(str);/true既然雙重轉(zhuǎn)義這么不友好，所以還是用正則表達(dá)式字面量的聲明方式如何在正則表達(dá)式中使用特殊字符？復(fù)制代碼代碼如下 :/ASCII 方式用十六進(jìn)制數(shù)來表示特殊字

28、符var re = /x43x4A$/;/將匹配 CJalert(re.test("CJ");/true/也可使用八進(jìn)制方式re = /103112$/;/將匹配 CJalert(re.test("CJ");/true/還可以使用Unicode 編碼re =/u0043u004A$/;/ 使用 Unicode ，必須使用 u 開頭，接著是字符編碼的四位16 進(jìn)制13/20JS 正則表達(dá)式從入門到精通精通表現(xiàn)形式alert(re.test("CJ");另處，還有一些其它的預(yù)定義特殊字符，如下表所示:字符描述n 換行符r 回車符t 制表符

29、f 換頁符（ Tab ）cX 與 X 對應(yīng)的控制字符b 退格符 (BackSpace)v 垂直制表符0 空字符 ("")字符類-簡單類，反向類，范圍類，組合類，預(yù)定義類復(fù)制代碼代碼如下 :/簡單類var re = /abc123/;/ 將匹配 abc123 這 6 個(gè)字符中一個(gè)/負(fù)向類re = /abc/;/ 將匹配除abc 之外的一個(gè)字符/范圍類re = /a-b/;/ 將匹配小寫a-b 26 個(gè)字母re = /0-9/;/ 將匹配除 0-910 個(gè)字符之處的一個(gè)字符/組合類re = /a-b0-9A-Z_/;/將匹配字母，數(shù)字和下劃線14/20JS 正則表達(dá)式從入門到精

30、通精通下面是正則表達(dá)式中的預(yù)定義類代碼等同于匹配. IE 下 n ，其它 nr匹配除換行符之外的任何一個(gè)字符d 0-9匹配數(shù)字D 0-9匹配非數(shù)字字符s nrtfx0B匹配一個(gè)空白字符S nrtfx0B匹配一個(gè)非空白字符w a-zA-Z0-9_匹配字母數(shù)字和下劃線W a-zA-Z0-9_匹配除字母數(shù)字下劃線之外的字符量詞 (下表量詞單個(gè)出現(xiàn)時(shí)皆是貪婪量詞)代碼 描述* 匹配前面的子表達(dá)式零次或多次。例如，zo* 能匹配 "z" 以及 "zoo" 。 * 等價(jià)于 0, 。+ 匹配前面的子表達(dá)式一次或多次。例如，'zo+' 能匹配 "

31、;zo"以及 "zoo" ，但不能匹配"z"。 + 等價(jià)于 1, 。? 匹配前面的子表達(dá)式零次或一次。例如，"do(es)?" 可以匹配"do" 或 "does" 中的 "do"。?等價(jià)于 0,1 。n n 是一個(gè)非負(fù)整數(shù)。匹配確定的n次。例如， 'o2'不能匹配 "Bob"中的 'o' ，但是能匹配 "food" 中的兩個(gè) o。n, n 是一個(gè)非負(fù)整數(shù)。至少匹配n 次。例如， 'o2,

32、'不能匹配 "Bob"中的 'o' ，但能匹配 "foooood" 中的所有 o。 'o1,'等價(jià)于 'o+' 。 'o0,'則等價(jià)于 'o*' 。n,m m 和 n 均為非負(fù)整數(shù)， 其中 n <= m。最少匹配n 次且最多匹配m 次。劉， "o1,3" 將匹配 "fooooood" 中的前三個(gè)o。 'o0,1' 等價(jià)于 'o?' 。請注意在逗號和兩個(gè)數(shù)之間不能有空格。貪婪量詞與惰性量詞15

33、/20JS 正則表達(dá)式從入門到精通精通?用貪婪量詞進(jìn)行匹配時(shí)，它首先會將整會字符串當(dāng)成一個(gè)匹配，如果匹配的話就退出，如果不匹配， 就截去最后一個(gè)字符進(jìn)行匹配，如果不匹配， 繼續(xù)將最后一個(gè)字符截去進(jìn)行匹配，直到有匹配為止。直到現(xiàn)在我們遇到的量詞都是貪婪量詞?用惰性量詞進(jìn)行匹配時(shí)，它首先將第一個(gè)字符當(dāng)成一個(gè)匹配，如果成功則退出，如果失敗，則測試前兩個(gè)字符，依些增加，直到遇到合適的匹配為止惰性量詞僅僅在貪婪量詞后面加個(gè)"?" 而已 ,如 "a+" 是貪婪匹配的 ,"a+?" 則是惰性的復(fù)制代碼代碼如下 :var str = "ab

34、c"var re = /w+/;/ 將匹配 abcre = /w+?/;/ 將匹配 a多行模式復(fù)制代碼代碼如下 :var re = /a-z$/;var str = "abncdef"alert(str.replace(re,"#");/abncde#re =/a-z$/m;alert(str.replace(re,"#");/a#ncde#分組與非捕獲性分組復(fù)制代碼代碼如下 :re = /abc2/;/ 將匹配 abcc16/20JS 正則表達(dá)式從入門到精通精通re = /(abc)2/;/ 將匹配 abcabc/上面的分

35、組都是捕獲性分組str = "abcabc#"arr = re.exec(str);alert(arr1);/abc/非捕獲性分組(?:)re = /(?:abc)2/;arr = re.exec(str);alert(arr1);/undefined候選（也就是所說的“或”）復(fù)制代碼代碼如下 :re = /a|bc$/;/ 將匹配開始位置的a 或結(jié)束位置的bcstr ="add"alert(re.test(str);/truere = /(a|bc)$/;/ 將匹配 a 或 bcstr ="bc"alert(re.test(str);/true當(dāng)包含分組的正則表達(dá)式進(jìn)行過test,match,search這些方法之后，每個(gè)分組都被放在一個(gè)特殊的地方以備將來使用，這些存儲是分組中的特殊值，我們稱之為反向引用Js 代碼復(fù)制代碼代碼如下 :17/20JS 正則表達(dá)式從入門到精通精通var re = /(A?(B?(C?)/;/*上面的正則表達(dá)式將依次產(chǎn)生三個(gè)分組(A?(B?(C?)最外面的(B?(C?)(C?)*/str = "ABC"re.test(str);/ 反向引