# javascript快速入門11--正則表達式
## 正則表達式可以:
* 測試字符串的某個模式。例如,可以對一個輸入字符串進行測試,看在該字符串是否存在一個電話號碼模式或一個信用卡號碼模式。這稱為數據有效性驗證
* 替換文本。可以在文檔中使用一個正則表達式來標識特定文字,然后可以全部將其刪除,或者替換為別的文字
* 根據模式匹配從字符串中提取一個子字符串。可以用來在文本或輸入字段中查找特定文字
## 正則表達式語法
一個正則表達式就是由普通字符(例如字符 a 到 z)以及特殊字符(稱為元字符)組成的文字模式。該模式描述在查找文字主體時待匹配的一個或多個字符串。正則表達式作為一個模板,將某個字符模式與所搜索的字符串進行匹配。
下表是元字符及其在正則表達式上下文中的行為的一個完整參考列表:
| 字符 | 描述 |
| --- | --- |
| \ | 轉義字符,在之前,我們在字符串也用過這字符,即一些字符具有特殊含義,對其進行轉義使它成為普通字符,而用在普通字符上又表示其有特殊含義 |
| ^ | 匹配輸入字符串的開始位置,如果設置了匹配多行(m),那么也匹配行的開頭 |
| $ | 匹配輸入字符串的結束位置。如果設置了匹配多行(m),那么也匹配行的結束 |
| * | 匹配前面的子表達式零次或多次。例如,zo* 能匹配 "z" 以及 "zoo"。 * 等價于{0,}。 |
| + | 匹配前面的子表達式一次或多次。例如,'zo+' 能匹配 "zo" 以及 "zoo",但不能匹配 "z"。+ 等價于 {1,}。 |
| ? | 匹配前面的子表達式零次或一次。例如,"do(es)?" 可以匹配 "do" 或 "does" 中的"do" 。? 等價于 {0,1}。 |
| {_n_} | _n_ 是一個非負整數。匹配確定的 _n_ 次。例如,'o{2}' 不能匹配 "Bob" 中的 'o',但是能匹配 "food" 中的兩個 o。 |
| {_n_,} | _n_ 是一個非負整數。至少匹配_n_ 次。例如,'o{2,}' 不能匹配 "Bob" 中的 'o',但能匹配 "foooood" 中的所有 o。'o{1,}' 等價于 'o+'。'o{0,}' 則等價于 'o*'。 |
| {_n_,_m_} | _m_ 和 _n_ 均為非負整數,其中_n_ <= _m_。最少匹配 _n_ 次且最多匹配 _m_ 次。劉, "o{1,3}" 將匹配 "fooooood" 中的前三個 o。'o{0,1}' 等價于 'o?'。請注意在逗號和兩個數之間不能有空格。 |
| ? | 當該字符緊跟在任何一個其他限制符 (*, +, ?, {_n_}, {_n_,}, {_n_,_m_}) 后面時,匹配模式是非貪婪的。非貪婪模式盡可能少的匹配所搜索的字符串,而默認的貪婪模式則盡可能多的匹配所搜索的字符串。例如,對于字符串 "oooo",'o+?' 將匹配單個 "o",而 'o+' 將匹配所有 'o'。 |
| . | 匹配除 "\n" 之外的任何單個字符。要匹配包括 '\n' 在內的任何字符,請使用象 '[.\n]' 的模式。 |
| (_pattern_) | 匹配_pattern_ 并獲取這一匹配。所獲取的匹配可以從產生的 Matches 集合得到,使用 **$0**…**$9** 屬性。要匹配圓括號字符,請使用 '\(' 或 '\)'。 |
| (?:_pattern_) | 匹配 _pattern_ 但不獲取匹配結果,也就是說這是一個非獲取匹配,不進行存儲供以后使用。這在使用 "或" 字符 (|) 來組合一個模式的各個部分是很有用。例如, 'industr(?:y|ies) 就是一個比 'industry|industries' 更簡略的表達式。 |
| (?=_pattern_) | 正向預查,在任何匹配 _pattern_ 的字符串開始處匹配查找字符串。這是一個非獲取匹配,也就是說,該匹配不需要獲取供以后使用。例如, 'Windows (?=95|98|NT|2000)' 能匹配 "Windows 2000" 中的 "Windows" ,但不能匹配 "Windows 3.1" 中的 "Windows"。預查不消耗字符,也就是說,在一個匹配發生后,在最后一次匹配之后立即開始下一次匹配的搜索,而不是從包含預查的字符之后開始。 |
| (?!_pattern_) | 負向預查,在任何不匹配_pattern_ 的字符串開始處匹配查找字符串。這是一個非獲取匹配,也就是說,該匹配不需要獲取供以后使用。例如'Windows (?!95|98|NT|2000)' 能匹配 "Windows 3.1" 中的 "Windows",但不能匹配 "Windows 2000" 中的 "Windows"。預查不消耗字符,也就是說,在一個匹配發生后,在最后一次匹配之后立即開始下一次匹配的搜索,而不是從包含預查的字符之后開始 |
| _x_|_y_ | 匹配 _x_ 或 _y_。例如,'z|food' 能匹配 "z" 或 "food"。'(z|f)ood' 則匹配 "zood" 或 "food"。 |
| [_xyz_] | 字符集合。匹配所包含的任意一個字符。例如, '[abc]' 可以匹配 "plain" 中的 'a'。 |
| [^_xyz_] | 負值字符集合。匹配未包含的任意字符。例如, '[^abc]' 可以匹配 "plain" 中的'p'。 |
| [_a-z_] | 字符范圍。匹配指定范圍內的任意字符。例如,'[a-z]' 可以匹配 'a' 到 'z' 范圍內的任意小寫字母字符。 |
| [^_a-z_] | 負值字符范圍。匹配任何不在指定范圍內的任意字符。例如,'[^a-z]' 可以匹配任何不在 'a' 到 'z' 范圍內的任意字符。 |
| \b | 匹配一個單詞邊界,也就是指單詞和空格間的位置。例如, 'er\b' 可以匹配"never" 中的 'er',但不能匹配 "verb" 中的 'er'。 |
| \B | 匹配非單詞邊界。'er\B' 能匹配 "verb" 中的 'er',但不能匹配 "never" 中的 'er'。 |
| \c_x_ | 匹配由_x_指明的控制字符。例如, \cM 匹配一個 Control-M 或回車符。 _x_ 的值必須為 A-Z 或 a-z 之一。否則,將 c 視為一個原義的 'c' 字符。 |
| \d | 匹配一個數字字符。等價于 [0-9]。 |
| \D | 匹配一個非數字字符。等價于 [^0-9]。 |
| \f | 匹配一個換頁符。等價于 \x0c 和 \cL。 |
| \n | 匹配一個換行符。等價于 \x0a 和 \cJ。 |
| \r | 匹配一個回車符。等價于 \x0d 和 \cM。 |
| \s | 匹配任何空白字符,包括空格、制表符、換頁符等等。等價于 [?\f\n\r\t\v]。 |
| \S | 匹配任何非空白字符。等價于 [^?\f\n\r\t\v]。 |
| \t | 匹配一個制表符。等價于 \x09 和 \cI。 |
| \v | 匹配一個垂直制表符。等價于 \x0b 和 \cK。 |
| \w | 匹配包括下劃線的任何單詞字符。等價于'[A-Za-z0-9_]'。 |
| \W | 匹配任何非單詞字符。等價于 '[^A-Za-z0-9_]'。 |
| \x_n_ | 匹配 _n_,其中 _n_ 為十六進制轉義值。十六進制轉義值必須為確定的兩個數字長。例如, '\x41' 匹配 "A"。'\x041' 則等價于 '\x04' & "1"。正則表達式中可以使用 ASCII 編碼。. |
| \_num_ | 匹配 _num_,其中 _num_ 是一個正整數。對所獲取的匹配的引用。例如,'(.)\1' 匹配兩個連續的相同字符。 |
| \_n_ | 標識一個八進制轉義值或一個后向引用。如果 \_n_ 之前至少 _n_ 個獲取的子表達式,則 _n_ 為后向引用。否則,如果 _n_ 為八進制數字 (0-7),則 _n_ 為一個八進制轉義值。 |
| \_nm_ | 標識一個八進制轉義值或一個后向引用。如果 \_nm_ 之前至少有is preceded by at least _nm_ 個獲取得子表達式,則 _nm_ 為后向引用。如果 \_nm_ 之前至少有 _n_ 個獲取,則 _n_ 為一個后跟文字 _m_ 的后向引用。如果前面的條件都不滿足,若? _n_ 和 _m_ 均為八進制數字 (0-7),則 \_nm_ 將匹配八進制轉義值 _nm_。 |
| \_nml_ | 如果 _n_ 為八進制數字 (0-3),且 _m_ 和 _l_ 均為八進制數字 (0-7),則匹配八進制轉義值 _nml。_ |
| \u_n_ | 匹配 _n_,其中 _n_ 是一個用四個十六進制數字表示的 Unicode 字符。例如, \u00A9 匹配版權符號 (?)。 |
## 創建正則表達式
```
var re = new RegExp();//RegExp是一個對象,和Aarray一樣
//但這樣沒有任何效果,需要將正則表達式的內容作為字符串傳遞進去
re =new RegExp("a");//最簡單的正則表達式,將匹配字母a
re=new RegExp("a","i");//第二個參數,表示匹配時不分大小寫
```
RegExp構造函數第一個參數為正則表達式的文本內容,而第一個參數則為可選項標志.標志可以組合使用
* g (全文查找)
* i (忽略大小寫)
* m (多行查找)
```
var re = new RegExp("a","gi");//匹配所有的a或A
```
正則表達式還有另一種正則表達式字面量的聲明方式
```
var re = /a/gi;
```
## 和正則表達式相關的方法和屬性
正則表達式對象的方法
* test,返回一個 Boolean 值,它指出在被查找的字符串中是否存在模式。如果存在則返回 true,否則就返回 false。
* exec,用正則表達式模式在字符串中運行查找,并返回包含該查找結果的一個數組。
* compile,把正則表達式編譯為內部格式,從而執行得更快。
正則表達式對象的屬性
* source,返回正則表達式模式的文本的復本。只讀。
* lastIndex,返回字符位置,它是被查找字符串中下一次成功匹配的開始位置。
* $1...$9,返回九個在模式匹配期間找到的、最近保存的部分。只讀。
* input ($_),返回執行規范表述查找的字符串。只讀。
* lastMatch ($&),返回任何正則表達式搜索過程中的最后匹配的字符。只讀。
* lastParen ($+),如果有的話,返回任何正則表達式查找過程中最后括的子匹配。只讀。
* leftContext ($`),返回被查找的字符串中從字符串開始位置到最后匹配之前的位置之間的字符。只讀。
* rightContext ($'),返回被搜索的字符串中從最后一個匹配位置開始到字符串結尾之間的字符。只讀。
String對象一些和正則表達式相關的方法
* match,找到一個或多個正則表達式的匹配。
* replace,替換與正則表達式匹配的子串。
* search,檢索與正則表達式相匹配的值。
* split,把字符串分割為字符串數組。
測試正則表達式是如何工作的!
```
//test方法,測試字符串,符合模式時返回true,否則返回false
var re = /he/;//最簡單的正則表達式,將匹配he這個單詞
var str = "he";
alert(re.test(str));//true
str = "we";
alert(re.test(str));//false
str = "HE";
alert(re.test(str));//false,大寫,如果要大小寫都匹配可以指定i標志(i是ignoreCase或case-insensitive的表示)
re = /he/i;
alert(re.test(str));//true
str = "Certainly!He loves her!";
alert(re.test(str));//true,只要包含he(HE)就符合,如果要只是he或HE,不能有其它字符,則可使用^和$
re = /^he/i;//脫字符(^)代表字符開始位置
alert(re.test(str));//false,因為he不在str最開始
str = "He is a good boy!";
alert(re.test(str));//true,He是字符開始位置,還需要使用$
re = /^he$/i;//$表示字符結束位置
alert(re.test(str));//false
str = "He";
alert(re.test(str));//true
//當然,這樣不能發現正則表達式有多強大,因為我們完全可以在上面的例子中使用==或indexOf
re = /\s/;// \s匹配任何空白字符,包括空格、制表符、換頁符等等
str= "user Name";//用戶名包含空格
alert(re.test(str));//true
str = "user Name";//用戶名包含制表符
alert(re.test(str));//true
re=/^[a-z]/i;//[]匹配指定范圍內的任意字符,這里將匹配英文字母,不區分大小寫
str="variableName";//變量名必須以字母開頭
alert(re.test(str));//true
str="123abc";
alert(re.test(str));//false
```
當然,僅僅知道了字符串是否匹配模式還不夠,我們還需要知道哪些字符匹配了模式
```
var osVersion = "Ubuntu 8";//其中的8表示系統主版本號
var re = /^[a-z]+\s+\d+$/i; //+號表示字符至少要出現1次,\s表示空白字符,\d表示一個數字
alert(re.test(osVersion));//true,但我們想知道主版本號
//另一個方法exec,返回一個數組,數組的第一個元素為完整的匹配內容
re=/^[a-z]+\s+\d+$/i;
arr = re.exec(osVersion);
alert(arr[0]);//將osVersion完整輸出,因為整個字符串剛好匹配re
//我只需要取出數字
re=/\d+/; var arr = re.exec(osVersion);
alert(arr[0]);//8
```
更復雜的用法,使用子匹配
```
//exec返回的數組第1到n元素中包含的是匹配中出現的任意一個子匹配
re=/^[a-z]+\s+(\d+)$/i;//用()來創建子匹配
arr =re.exec(osVersion);
alert(arr[0]);//整個osVersion,也就是正則表達式的完整匹配
alert(arr[1]);//8,第一個子匹配,事實也可以這樣取出主版本號
alert(arr.length);//2
osVersion = "Ubuntu 8.10";//取出主版本號和次版本號
re = /^[a-z]+\s+(\d+)\.(\d+)$/i;//.是正則表達式元字符之一,若要用它的字面意義須轉義
arr = re.exec(osVersion);
alert(arr[0]);//完整的osVersion
alert(arr[1]);//8
alert(arr[2]);//10
```
**注意,當字符串不匹配re時,exec方法將返回null**
String對象的一些和正則表達式有關的方法
```
//replace方法,用于替換字符串
var str ="some money";
alert(str.replace("some","much"));//much money
//replace的第一個參數可以為正則表達式
var re = /\s/;//空白字符
alert(str.replace(re,"%"));//some%money
//在不知道字符串中有多少空白字符時,正則表達式極為方便
str ="some some \tsome\t\f";
re = /\s+/;
alert(str.replace(re,"#"));//但這樣只會將第一次出現的一堆空白字符替換掉
//因為一個正則表達式只能進行一次匹配,\s+匹配了第一個空格后就退出了
re = /\s+/g;//g,全局標志,將使正則表達式匹配整個字符串
alert(str.replace(re,"@"));//some@some@some@
//另一個與之相似的是split
var str = "a-bd-c"; var arr = str.split("-");//返回["a","bd","c"]
//如果str是用戶輸入的,他可能輸入a-bd-c也可能輸入a bd c或a_bd_c,但不會是abdc(這樣就說他輸錯了)
str = "a_db-c";//用戶以他喜歡的方式加分隔符s
re=/[^a-z]/i;//前面我們說^表示字符開始,但在[]里它表示一個負字符集
//匹配任何不在指定范圍內的任意字符,這里將匹配除字母處的所有字符
arr = str.split(re);//仍返回["a","bd","c"];
//在字符串中查找時我們常用indexOf,與之對應用于正則查找的方法是search
str = "My age is 18.Golden age!";//年齡不是一定的,我們用indexOf不能查找它的位置
re = /\d+/;
alert(str.search(re));//返回查找到的字符串開始下標10
//注意,因為查找本身就是出現第一次就立即返回,所以無需在search時使用g標志
//下面的代碼雖然不出錯,但g標志是多余的
re=/\d+/g;
alert(str.search(re));//仍然是10
```
**注意,當search方法沒有找到匹配時,將返回-1**
類似于exec方法,String對象的match方法也用于將字符串與正則表達式進行匹配并返回結果數組
```
var str = "My name is CJ.Hello everyone!"; var re = /[A-Z]/;//匹配所有大寫字母
var arr = str.match(re);//返回數組
alert(arr);//數組中只會包含一個M,因為我們沒有使用全局匹配
re = /[A-Z]/g;
arr = str.match(re);
alert(arr);//M,C,J,H
//從字符串中抽取單詞
re = /\b[a-z]\b/i;//\b表示單詞邊界
str = "one two three four";
alert(str.match(re));//one,two,three,four
```
RegExp對象實例的一些屬性
```
var re = /[a-z]/i;
alert(re.source);//將[a-z]字符串輸出
//請注意,直接alert(re)會將正則表達式連同前向斜線與標志輸出,這是re.toString方法定義的
```
每個RegExp對象的實例具有lastIndex屬性,它是被查找字符串中下一次成功匹配的開始位置,默認值是-1。 lastIndex 屬性被 RegExp 對象的 exec 和 test 方法修改.并且它是可寫的.
```
var re = /[A-Z]/; //exec方法執行后,修改了re的lastIndex屬性,
var str = "Hello,World!!!"; var arr = re.exec(str);
alert(re.lastIndex);//0,因為沒有設置全局標志
re = /[A-Z]/g;
arr = re.exec(str);
alert(re.lastIndex);//1
arr = re.exec(str);
alert(re.lastIndex);//7
```
當匹配失敗(后面沒有匹配),或lastIndex值大于字符串長度時,再執行exec等方法會將lastIndex設為0(開始位置)
```
var re = /[A-Z]/; var str = "Hello,World!!!";
re.lastIndex = 120; var arr = re.exec(str);
alert(re.lastIndex);//0
```
RegExp對象的靜態屬性
```
//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!!!,因為tempstr不匹配
//lastMatch 最后匹配的字符
re = /[a-z]/g;
str = "hi";
re.test(str);
alert(RegExp.lastMatch);//h
re.test(str);
alert(RegExp["$&"]);//i ,$&是lastMatch的短名字,但由于它不是合法變量名,所以要。。
//lastParen 最后匹配的分組
re = /[a-z](\d+)/gi;
str = "Class1 Class2 Class3";
re.test(str);
alert(RegExp.lastParen);//1
re.test(str);
alert(RegExp["$+"]);//2
//leftContext 返回被查找的字符串中從字符串開始位置到最后匹配之前的位置之間的字符
//rigthContext 返回被搜索的字符串中從最后一個匹配位置開始到字符串結尾之間的字符
re = /[A-Z]/g;
str = "123ABC456";
re.test(str);
alert(RegExp.leftContext);//123
alert(RegExp.rightContext);//BC456
re.test(str);
alert(RegExp["$`"]);//123A
alert(RegExp["$'"]);//C456
```
multiline屬性返回正則表達式是否使用多行模式,這個屬性不針對某個正則表達式實例,而是針對所有正則表達式,并且這個屬性可寫.(IE與Opera不支持這個屬性)
```
alert(RegExp.multiline); //因為IE,Opera不支持這個屬性,所以最好還是單獨指定
var re = /\w+/m;
alert(re.multiline);
alert(RegExp["$*"]);//RegExp對象的靜態屬性不會因為給RegExp某個對象實例指定了m標志而改變
RegExp.multiline = true;//這將打開所有正則表達式實例的多行匹配模式
alert(RegExp.multiline);
```
## 正則表達式高級篇
使用元字符注意事項:元字符是正則表達式的一部分,當我們要匹配正則表達式本身時,必須對這些元字符轉義.下面是正則表達式用到的所有元字符
```
( [ { \ ^ $ | ) ? * + .
```
```
var str = "?"; var re = /?/;
alert(re.test(str));//出錯,因為?是元字符,必須轉義
re = /\?/;
alert(re.test(str));//true
```
使用RegExp構造函數與使用正則表達式字面量創建正則表達式注意點
```
var str = "\?";
alert(str);//只會輸出?
var re = /\?/;//將匹配?
alert(re.test(str));//true
re = new RegExp("\?");//出錯,因為這相當于re = /\?/
re = new RegExp("\\?");//正確,將匹配?
alert(re.test(str));//true
```
既然雙重轉義這么不友好,所以還是用正則表達式字面量的聲明方式
如何在正則表達式中使用特殊字符?
```
//ASCII方式用十六進制數來表示特殊字符
var re = /^\x43\x4A$/;//將匹配CJ
alert(re.test("CJ"));//true
//也可使用八進制方式
re = /^\103\112$/;//將匹配CJ
alert(re.test("CJ"));//true
//還可以使用Unicode編碼
re =/^\u0043\u004A$/;//使用 Unicode,必須使用u開頭,接著是字符編碼的四位16進制表現形式
alert(re.test("CJ"));
```
另處,還有一些其它的預定義特殊字符,如下表所示:
| 字符 | 描述 |
| --- | --- |
| \n | 換行符 |
| \r | 回車符 |
| \t | 制表符 |
| \f | 換頁符(Tab) |
| \cX | 與X對應的控制字符 |
| \b | 退格符(BackSpace) |
| \v | 垂直制表符 |
| \0 | 空字符("") |
字符類 ---〉簡單類,反向類,范圍類,組合類,預定義類
```
//簡單類
var re = /[abc123]/;//將匹配abc123這6個字符中一個
//負向類
re = /[^abc]/;//將匹配除abc之外的一個字符
//范圍類
re = /[a-b]/;//將匹配小寫a-b 26個字母
re = /[^0-9]/;//將匹配除0-9 10個字符之處的一個字符
//組合類
re = /[a-b0-9A-Z_]/;//將匹配字母,數字和下劃線
```
下面是正則表達式中的預定義類
| 代碼 | 等同于 | 匹配 |
| --- | --- | --- |
| . | IE下[^\n],其它[^\n\r] | 匹配除換行符之外的任何一個字符 |
| \d | [0-9] | 匹配數字 |
| \D | [^0-9] | 匹配非數字字符 |
| \s | [ \n\r\t\f\x0B] | 匹配一個空白字符 |
| \S | [^ \n\r\t\f\x0B] | 匹配一個非空白字符 |
| \w | [a-zA-Z0-9_] | 匹配字母數字和下劃線 |
| \W | [^a-zA-Z0-9_] | 匹配除字母數字下劃線之外的字符 |
量詞
| 代碼 | 描述 |
| --- | --- |
| * | 匹配前面的子表達式零次或多次。例如,zo* 能匹配 "z" 以及 "zoo"。 * 等價于{0,}。 |
| + | 匹配前面的子表達式一次或多次。例如,'zo+' 能匹配 "zo" 以及 "zoo",但不能匹配 "z"。+ 等價于 {1,}。 |
| ? | 匹配前面的子表達式零次或一次。例如,"do(es)?" 可以匹配 "do" 或 "does" 中的"do" 。? 等價于 {0,1}。 |
| {_n_} | _n_ 是一個非負整數。匹配確定的 _n_ 次。例如,'o{2}' 不能匹配 "Bob" 中的 'o',但是能匹配 "food" 中的兩個 o。 |
| {_n_,} | _n_ 是一個非負整數。至少匹配_n_ 次。例如,'o{2,}' 不能匹配 "Bob" 中的 'o',但能匹配 "foooood" 中的所有 o。'o{1,}' 等價于 'o+'。'o{0,}' 則等價于 'o*'。 |
| {_n_,_m_} | _m_ 和 _n_ 均為非負整數,其中_n_ <= _m_。最少匹配 _n_ 次且最多匹配 _m_ 次。劉, "o{1,3}" 將匹配 "fooooood" 中的前三個 o。'o{0,1}' 等價于 'o?'。請注意在逗號和兩個數之間不能有空格。 |
貪婪量詞與惰性量詞
* 用貪婪量詞進行匹配時,它首先會將整會字符串當成一個匹配,如果匹配的話就退出,如果不匹配,就截去最后一個字符進行匹配,如果不匹配,繼續將最后一個字符截去進行匹配,直到有匹配為止。直到現在我們遇到的量詞都是貪婪量詞
* 用貪婪量詞進行匹配時,它首先將第一個字符當成一個匹配,如果成功則退出,如果失敗,則測試前兩個字符,依些增加,直到遇到合適的匹配為止
| 貪婪 | 惰性 |
| --- | --- |
| + | +? |
| ? | ?? |
| * | *? |
| {n} | {n}? |
| {n,} | {n,}? |
| {n,m} | {n,m} |
```
var str = "abc"; var re = /\w+/;//將匹配abc
re = /\w+?/;//將匹配a
```
多行模式
```
var re = /[a-z]$/; var str = "ab\ncdef";
alert(str.replace(re,"#"));//ab\ncde#
re =/[a-z]$/m;
alert(str.replace(re,"#"));//a#\ncde#
```
分組與非捕獲性分組
```
re = /abc{2}/;//將匹配abcc
re = /(abc){2}/;//將匹配abcabc
//上面的分組都是捕獲性分組
str = "abcabc ###";
arr = re.exec(str);
alert(arr[1]);//abc
//非捕獲性分組 (?:)
re = /(?:abc){2}/;
arr = re.exec(str);
alert(arr[1]);//undefined
```
候選(也就是所說的“或”)
```
re = /^a|bc$/;//將匹配開始位置的a或結束位置的bc
str ="add";
alert(re.test(str));//true
re = /^(a|bc)$/;//將匹配a或bc
str ="bc";
alert(re.test(str));//true
```
當包含分組的正則表達式進行過test,match,search這些方法之后,每個分組都被放在一個特殊的地方以備將來使用,這些存儲是分組中的特殊值,我們稱之為_反向引用_
```
var re = /(A?(B?(C?)))/; /*上面的正則表達式將依次產生三個分組
(A?(B?(C?))) 最外面的
(B?(C?))
(C?)*/ str = "ABC";
re.test(str);//反向引用被存儲在RegExp對象的靜態屬性$1—$9中
alert(RegExp.$1+"\n"+RegExp.$2+"\n"+RegExp.$3); //反向引用也可以在正則表達式中使用\1 ,\2...這類的形式使用
re = /\d+(\D)\d+\1\d+/;
str = "2008-1-1";
alert(re.test(str));//true
str = "2008-4_3";
alert(re.test(str));//false
```
使用反向引用可以要求字符串中某幾個位置上的字符必須相同.另外,在replace這類方法可,存在特殊字符序列來表示反向引用的方式
```
re = /(\d)\s(\d)/;
str = "1234 5678";
alert(str.replace(re,"$2 $1"));//在這個里面$1表示第一個分組1234,$2則表示5678
```
其它——〉正向前瞻,用來捕獲出現在特定字符之前的字符,只有當字符后面跟著某個特定字符才去捕獲它。與正向前瞻對應的有負向前瞻,它用匹配只有當字符后面不跟著某個特定字符時才去匹配它。在執行前瞻和負向前瞻之類的運算時,正則表達式引擎會留意字符串后面的部分,然而卻不移動index
```
//正向前瞻
re = /([a-z]+(?=\d))/i; //我們要匹配后面跟一個數字的單詞,然后將單詞返回,而不要返回數字
str = "abc every1 abc";
alert(re.test(str));//true
alert(RegExp.$1);//every
alert(re.lastIndex);//使用前瞻的好處是,前瞻的內容(?=\d)并不會當成一次匹配,下次匹配仍從它開始
//負向前瞻(?!)
re = /([a-z](?!\d))/;i //將匹配后面不包含數字的字母,并且不會返回(?!\d)中的內容
str = "abc1 one";
alert(re.test(str));
alert(RegExp.$1);//one
```
構建一個驗證電子郵箱地址有效性的正則表達式。電子郵箱地址有效性要求(我們姑且這樣定義):用戶名只能包含字母數字以及下劃線,最少一位,最多25位,用戶名后面緊跟@,后面是域名,域名名稱要求只能包含字母數字和減號(-),并且不能以減號開頭或結尾,然后后面是域名后綴(可以有多個),域名后綴必須是點號連上2-4位英文字母
```
var re = /^\w{1,15}(?:@(?!-))(?:(?:[a-z0-9-]*)(?:[a-z0-9](?!-))(?:\.(?!-)))+[a-z]{2,4}$/;
```
- 介紹
- HTML/CSS 教程
- 第 1 章 HTML5 概述
- 第 2 章 基本格式
- 第 3 章 文本元素
- 第 4 章 超鏈接和路徑
- 第 5 章 分組元素
- 第 6 章 表格元素
- 第 7 章 文檔元素
- 第 8 章 嵌入元素
- 第 9 章 音頻和視頻
- 第 10 章 表單元素[上]
- 第 10 章 表單元素[中]
- 第 10 章 表單元素[下]
- 第 11 章 全局屬性和其他
- 第 12 章 CSS 入門
- 第 13 章 CSS 選擇器[上]
- 第 14 章 CSS 顏色與度量單位
- 第 15 章 CSS 文本樣式[上]
- 第 15 章 CSS 文本樣式[下]
- 第 16 章 CSS 盒模型[上]
- 第 16 章 CSS 盒模型[下]
- 第 17 章 CSS 邊框與背景[上]
- 第 17 章 CSS 邊框與背景[下]
- 第 18 章 CSS 表格與列表
- 第 19 章 CSS 其他樣式
- 第 20 章 CSS3 前綴和 rem
- 第 21 章 CSS3 文本效果
- 第 21 章 CSS3 文本效果
- 第 23 章 CSS3 邊框圖片效果
- 第 24 章 CSS3 變形效果[下]
- 第 25 章 CSS3 過渡效果
- 第 26 章 CSS3 動畫效果
- 第 27 章 CSS 傳統布局[上]
- 第 27 章 CSS 傳統布局[下]
- 第 28 章 CSS3 多列布局
- 第 29 章 CSS3 彈性伸縮布局[上]
- 第 29 章 CSS3 彈性伸縮布局[中]
- 第 29 章 CSS3 彈性伸縮布局[下]
- 第 30 章 使用 Emmet 插件
- Bootstrap 教程
- 第 1 章 Bootstrap 介紹
- 第 2 章 排版樣式
- 第 3 章 表格和按鈕
- 第 4 章 表單和圖片
- 第 5 章 柵格系統
- 第 6 章 輔組類和響應式工具
- 第 7 章 圖標菜單按鈕組件
- 第 8 章 輸入框和導航組件
- 第 9 章 路徑分頁標簽和徽章組件
- 第 10 章 巨幕頁頭縮略圖和警告框組件
- 第 11 章 進度條媒體對象和 Well 組件
- 第 12 章 列表組面板和嵌入組件
- 第 13 章 模態框插件
- 第 14 章 下拉菜單和滾動監聽插件
- 第 15 章 標簽頁和工具提示插件
- 第 16 章 彈出框和警告框插件
- 第 17 章 按鈕和折疊插件
- 第 18 章 輪播插件
- 第 19 章 附加導航插件
- 第 20 章 項目實戰--響應式導航[1]
- 第 20 章 項目實戰--響應式輪播圖[2]
- 第 20 章 項目實戰--首頁內容介紹[上][3]
- 第 20 章 項目實戰--首頁內容介紹[下][4]
- 第 20 章 項目實戰--資訊內容[5,6]
- 第 20 章 項目實戰--案例和關于[7]
- javaScript 教程
- javascript快速入門1--JavaScript前世今生,HelloWorld與開發環境
- javascript快速入門2--變量,小學生數學與簡單的交互
- javascript快速入門3--分支判斷與循環
- javascript快速入門4--函數與內置對象
- javascript快速入門5--數組與對象
- javascript快速入門6--Script標簽與訪問HTML頁面
- javascript快速入門7--ECMAScript語法基礎
- javascript快速入門8--值,類型與類型轉換
- javascript快速入門9--引用類型
- javascript快速入門10--運算符,語句
- javascript快速入門11--正則表達式
- javascript快速入門12--函數式與面向對象
- javascript快速入門13--BOM——瀏覽器對象模型(Browser Object Model)
- javascript快速入門14--DOM基礎
- javascript快速入門15--節點
- javascript快速入門15--表單
- javascript快速入門16--表格
- javascript快速入門17--事件
- javascript快速入門18--樣式
- javascript快速入門19--定位
- javascript快速入門20--Cookie
- javascript快速入門21--DOM總結
- javascript快速入門22--Ajax簡介
- javascript快速入門23--XHR—XMLHttpRequest對象
- javascript快速入門24--XML基礎
- javascript快速入門25--瀏覽器中的XML
- javascript快速入門26--XPath
- javascript快速入門27--XSLT基礎
- PHP 教程
- 第一章 如何加載運行已發布的PHP項目
- 第二章 PHP基礎
- 第三章 操作符與控制結構
- 第四章 數學運算
- 第五章 數組
- 第六章 目錄與文件
- 第七章 自定義函數
- 第八章 字符串處理
- 第九章 正則表達式
- 第十章 日期與時間
- 第十一章 表單與驗證
- 第十二章 會話控制
- 第十三章 上傳文件
- 第十四章 處理圖像
- 第十五章 MySQL 數據庫
- 第十六章 PHP 操作MySQL
- 第十七章 面向對象基礎
- 第十八章 面向對象的特性
- 第十九章 面向對象的工具