一、介紹
這節(jié)課呢，我們來(lái)了解的是JavaScript 正則表達(dá)式。主要作用是進(jìn)行數(shù)據(jù)的驗(yàn)證，例如手機(jī)號(hào)碼、郵箱、用戶名必須以字母開頭等。
正則表達(dá)式（英語(yǔ)：Regular Expression，在代碼中常簡(jiǎn)寫為regex、regexp或RE）使用單個(gè)字符串來(lái)描述、匹配一系列符合某個(gè)句法規(guī)則的字符串搜索模式。
搜索模式可用于文本搜索和文本替換。
什么是正則表達(dá)式？
正則表達(dá)式是由一個(gè)字符序列形成的搜索模式。當(dāng)你在文本中搜索數(shù)據(jù)時(shí)，你可以用搜索模式來(lái)描述你要查詢的內(nèi)容。
正則表達(dá)式可以是一個(gè)簡(jiǎn)單的字符，或一個(gè)更復(fù)雜的模式。
正則表達(dá)式可用于所有文本搜索和文本替換的操作。
二、知識(shí)點(diǎn)介紹
1、語(yǔ)法
2、使用字符串方法
3、正則表達(dá)式表單驗(yàn)證實(shí)例
4、常用的正則字符
5、RegExp類型
6、正則表達(dá)式定義方式
7、正則表達(dá)式方法
8、常用實(shí)例
三、上課對(duì)應(yīng)視頻的說(shuō)明文檔
1、語(yǔ)法
/正則表達(dá)式主體/修飾符(可選)
其中修飾符是可選的。
實(shí)例：
var patt = /runoob/i
實(shí)例解析：
/runoob/i? 是一個(gè)正則表達(dá)式。
runoob? 是一個(gè)正則表達(dá)式主體 (用于檢索)。
i? 是一個(gè)修飾符 (搜索不區(qū)分大小寫)。
2、使用字符串方法
在 JavaScript 中，正則表達(dá)式通常用于兩個(gè)字符串方法 : search() 和 replace()。
search() 方法 用于檢索字符串中指定的子字符串，或檢索與正則表達(dá)式相匹配的子字符串，并返回子串的起始位置。
replace() 方法 用于在字符串中用一些字符替換另一些字符，或替換一個(gè)與正則表達(dá)式匹配的子串。
2.1.1、search() 方法使用正則表達(dá)式
實(shí)例
使用正則表達(dá)式搜索 "Runoob" 字符串，且不區(qū)分大小寫：
var str = "Visit Runoob!"; var n = str.search(/Runoob/i);
輸出結(jié)果為：6
2.1.2、search() 方法使用字符串
search 方法可使用字符串作為參數(shù)。字符串參數(shù)會(huì)轉(zhuǎn)換為正則表達(dá)式：
實(shí)例
檢索字符串中 "Runoob" 的子串：
var str = "Visit Runoob!"; var n = str.search("Runoob");
2.2.1、replace() 方法使用正則表達(dá)式
實(shí)例
使用正則表達(dá)式且不區(qū)分大小寫將字符串中的 Microsoft 替換為 Runoob :
var str = document.getElementById("demo").innerHTML; var txt = str.replace(/microsoft/i,"Runoob");
結(jié)果輸出為:
Visit Runoob!
2.2.2、replace() 方法使用字符串
replace() 方法將接收字符串作為參數(shù)：
var str = document.getElementById("demo").innerHTML; var txt = str.replace("Microsoft","Runoob");
你注意到了嗎？
正則表達(dá)式參數(shù)可用在以上方法中 (替代字符串參數(shù))。
正則表達(dá)式使得搜索功能更加強(qiáng)大(如實(shí)例中不區(qū)分大小寫)。
2.3正則表達(dá)式修飾符
修飾符 可以在全局搜索中不區(qū)分大小寫:
2.4、正則表達(dá)式模式
方括號(hào)用于查找某個(gè)范圍內(nèi)的字符：
元字符是擁有特殊含義的字符：
量詞:
2.5、使用 RegExp 對(duì)象
在 JavaScript 中，RegExp 對(duì)象是一個(gè)預(yù)定義了屬性和方法的正則表達(dá)式對(duì)象。
什么是 RegExp？
正則表達(dá)式描述了字符的模式對(duì)象。
當(dāng)您檢索某個(gè)文本時(shí)，可以使用一種模式來(lái)描述要檢索的內(nèi)容。RegExp 就是這種模式。
簡(jiǎn)單的模式可以是一個(gè)單獨(dú)的字符。
更復(fù)雜的模式包括了更多的字符，并可用于解析、格式檢查、替換等等。
您可以規(guī)定字符串中的檢索位置，以及要檢索的字符類型，等等。
語(yǔ)法
var patt=new RegExp(pattern,modifiers);
或更簡(jiǎn)單的方法
var patt=/pattern/modifiers;
?模式描述了一個(gè)表達(dá)式模型。
?修飾符(modifiers)描述了檢索是否是全局，區(qū)分大小寫等。
注意：當(dāng)使用構(gòu)造函數(shù)創(chuàng)造正則對(duì)象時(shí)，需要常規(guī)的字符轉(zhuǎn)義規(guī)則（在前面加反斜杠 \）。比如，以下是等價(jià)的：
var re = new RegExp("\\w+");var re = /\w+/;
2.6、RegExp 修飾符
修飾符用于執(zhí)行不區(qū)分大小寫和全文的搜索。
i - 修飾符是用來(lái)執(zhí)行不區(qū)分大小寫的匹配。
g - 修飾符是用于執(zhí)行全文的搜索（而不是在找到第一個(gè)就停止查找,而是找到所有的匹配）。
實(shí)例 1
在字符串中不區(qū)分大小寫找"runoob"
var str = "Visit RUnoob"; var patt1 = /runoob/i;
以下標(biāo)記的文本是獲得的匹配的表達(dá)式：
Visit RUnoob
實(shí)例 2
全文查找 "is"
var str="Is this all there is?"; var patt1=/is/g;
以下標(biāo)記的文本是獲得的匹配的表達(dá)式：
Is this all there is?
實(shí)例 3
全文查找和不區(qū)分大小寫搜索 "is"
var str="Is this all there is?"; var patt1=/is/gi;
以下 標(biāo)記的文本是獲得的匹配的表達(dá)式：
Is this all there is?
2.7、使用 test()
test() 方法是一個(gè)正則表達(dá)式方法。
test() 方法用于檢測(cè)一個(gè)字符串是否匹配某個(gè)模式，如果字符串中含有匹配的文本，則返回 true，否則返回 false。
以下實(shí)例用于搜索字符串中的字符 "e"：
實(shí)例
var patt = /e/;
patt.test("The best things in life are free!");
字符串中含有 "e"，所以該實(shí)例輸出為：
true
你可以不用設(shè)置正則表達(dá)式的變量，以上兩行代碼可以合并為一行：
/e/.test("The best things in life are free!")
2.8使用 exec()
exec() 方法是一個(gè)正則表達(dá)式方法。
exec() 方法用于檢索字符串中的正則表達(dá)式的匹配。
該函數(shù)返回一個(gè)數(shù)組，其中存放匹配的結(jié)果。如果未找到匹配，則返回值為 null。
以下實(shí)例用于搜索字符串中的字母 "e":
Example 1
/e/.exec("The best things in life are free!");
字符串中含有 "e"，所以該實(shí)例輸出為:e
3、正則表達(dá)式表單驗(yàn)證實(shí)例
/*是否帶有小數(shù)*/function? ? isDecimal(strValue )? {
var? objRegExp= /^\d+\.\d+$/;
return? objRegExp.test(strValue);
}
/*校驗(yàn)是否中文名稱組成 */function ischina(str) {
var reg=/^[\u4E00-\u9FA5]{2,4}$/;? /*定義驗(yàn)證表達(dá)式*/
return reg.test(str);? ? /*進(jìn)行驗(yàn)證*/
}
/*校驗(yàn)是否全由8位數(shù)字組成 */function isStudentNo(str) {
var reg=/^[0-9]{8}$/;? /*定義驗(yàn)證表達(dá)式*/
return reg.test(str);? ? /*進(jìn)行驗(yàn)證*/
}
/*校驗(yàn)電話碼格式 */function isTelCode(str) {
var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
return reg.test(str);
}
/*校驗(yàn)郵件地址是否合法 */function IsEmail(str) {
var reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
return reg.test(str);
}
4、常用的正則字符
\ : 將下一個(gè)字符標(biāo)記為一個(gè)特殊字符、或一個(gè)原義字符、或一個(gè) 向后引用、或一個(gè)八進(jìn)制轉(zhuǎn)義符。例如，'n' 匹配字符 "n"。'n' 匹配一個(gè)換行符。序列 '\' 匹配 "" 而 "(" 則匹配 "("。
^：匹配輸入字符串的開始位置。如果設(shè)置了 RegExp 對(duì)象的 Multiline 屬性，^ 也匹配 'n' 或 'r' 之后的位置。
$：匹配輸入字符串的結(jié)束位置。如果設(shè)置了RegExp 對(duì)象的 Multiline 屬性，$ 也匹配 'n' 或 'r' 之前的位置。
*：匹配前面的子表達(dá)式零次或多次。例如，zo 能匹配 "z" 以及 "zoo"。 等價(jià)于{0,}。
+：匹配前面的子表達(dá)式一次或多次。例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等價(jià)于 {1,}。
?：匹配前面的子表達(dá)式零次或一次。例如，"do(es)?" 可以匹配 "do" 或 "does" 中的"do" 。? 等價(jià)于 {0,1}。
{n}：n 是一個(gè)非負(fù)整數(shù)。匹配確定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，但是能匹配 "food" 中的兩個(gè) o。
{n,}：n 是一個(gè)非負(fù)整數(shù)。至少匹配n 次。例如，'o{2,}' 不能匹配 "Bob" 中的 'o'，但能匹配 "foooood" 中的所有 o。'o{1,}' 等價(jià)于 'o+'。'o{0,}' 則等價(jià)于 'o*'。
{n,m}：m 和 n 均為非負(fù)整數(shù)，其中n <= m。最少匹配 n 次且最多匹配 m 次。例如，"o{1,3}" 將匹配 "fooooood" 中的前三個(gè) o。'o{0,1}' 等價(jià)于 'o?'。請(qǐng)注意在逗號(hào)和兩個(gè)數(shù)之間不能有空格。
?：當(dāng)該字符緊跟在任何一個(gè)其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面時(shí)，匹配模式是非貪婪的。非貪婪模式盡可能少的匹配所搜索的字符串，而默認(rèn)的貪婪模式則盡可能多的匹配所搜索的字符串。例如，對(duì)于字符串 "oooo"，'o+?' 將匹配單個(gè) "o"，而 'o+' 將匹配所有 'o'。
·：匹配除 "n" 之外的任何單個(gè)字符。要匹配包括 'n' 在內(nèi)的任何字符，請(qǐng)使用象 '[.n]' 的模式。
(pattern)：匹配 pattern 并獲取這一匹配。所獲取的匹配可以從產(chǎn)生的 Matches 集合得到，在VBScript 中使用 SubMatches 集合，在JScript 中則使用 0…0…9 屬性。要匹配圓括號(hào)字符，請(qǐng)使用 '(' 或 ')'。
(?:pattern)：匹配 pattern 但不獲取匹配結(jié)果，也就是說(shuō)這是一個(gè)非獲取匹配，不進(jìn)行存儲(chǔ)供以后使用。這在使用 "或" 字符 (|) 來(lái)組合一個(gè)模式的各個(gè)部分是很有用。例如， 'industr(?:y|ies) 就是一個(gè)比 'industry|industries' 更簡(jiǎn)略的表達(dá)式。
(?=pattern)：正向預(yù)查，在任何匹配 pattern 的字符串開始處匹配查找字符串。這是一個(gè)非獲取匹配，也就是說(shuō)，該匹配不需要獲取供以后使用。例如，'Windows (?=95|98|NT|2000)' 能匹配 "Windows 2000" 中的 "Windows" ，但不能匹配 "Windows 3.1" 中的 "Windows"。預(yù)查不消耗字符，也就是說(shuō)，在一個(gè)匹配發(fā)生后，在最后一次匹配之后立即開始下一次匹配的搜索，而不是從包含預(yù)查的字符之后開始。
(?!pattern)：負(fù)向預(yù)查，在任何不匹配 pattern 的字符串開始處匹配查找字符串。這是一個(gè)非獲取匹配，也就是說(shuō)，該匹配不需要獲取供以后使用。例如'Windows (?!95|98|NT|2000)' 能匹配 "Windows 3.1" 中的 "Windows"，但不能匹配 "Windows 2000" 中的 "Windows"。預(yù)查不消耗字符，也就是說(shuō)，在一個(gè)匹配發(fā)生后，在最后一次匹配之后立即開始下一次匹配的搜索，而不是從包含預(yù)查的字符之后開始
x|y：匹配 x 或 y。例如，'z|food' 能匹配 "z" 或 "food"。'(z|f)ood' 則匹配 "zood" 或 "food"。
[xyz]：字符集合。匹配所包含的任意一個(gè)字符。例如， '[abc]' 可以匹配 "plain" 中的 'a'。
[^xyz]：負(fù)值字符集合。匹配未包含的任意字符。例如， '1' 可以匹配 "plain" 中的'p'。
[a-z]：字符范圍。匹配指定范圍內(nèi)的任意字符。例如，'[a-z]' 可以匹配 'a' 到 'z' 范圍內(nèi)的任意小寫字母字符。
[^a-z]：負(fù)值字符范圍。匹配任何不在指定范圍內(nèi)的任意字符。例如，'2' 可以匹配任何不在 'a' 到 'z' 范圍內(nèi)的任意字符。
\b：匹配一個(gè)單詞邊界，也就是指單詞和空格間的位置。例如， 'erb' 可以匹配"never" 中的 'er'，但不能匹配 "verb" 中的 'er'。
\B：匹配非單詞邊界。'erB' 能匹配 "verb" 中的 'er'，但不能匹配 "never" 中的 'er'。
\cx：匹配由 x 指明的控制字符。例如， cM 匹配一個(gè) Control-M 或回車符。x 的值必須為 A-Z 或 a-z 之一。否則，將 c 視為一個(gè)原義的 'c' 字符。
\d：匹配一個(gè)數(shù)字字符。等價(jià)于 [0-9]。
\D：匹配一個(gè)非數(shù)字字符。等價(jià)于 3。
\f：匹配一個(gè)換頁(yè)符。等價(jià)于 x0c 和 cL。
\n：匹配一個(gè)換行符。等價(jià)于 x0a 和 cJ。
\r：匹配一個(gè)回車符。等價(jià)于 x0d 和 cM。
\s：匹配任何空白字符，包括空格、制表符、換頁(yè)符等等。等價(jià)于 [ fnrtv]。
\S：匹配任何非空白字符。等價(jià)于 4。
\t：匹配一個(gè)制表符。等價(jià)于 x09 和 cI。
\v：匹配一個(gè)垂直制表符。等價(jià)于 x0b 和 cK。
\w：匹配包括下劃線的任何單詞字符。等價(jià)于'[A-Za-z0-9_]'。
\W：匹配任何非單詞字符。等價(jià)于 '5'。
\xn：匹配 n，其中 n 為十六進(jìn)制轉(zhuǎn)義值。十六進(jìn)制轉(zhuǎn)義值必須為確定的兩個(gè)數(shù)字長(zhǎng)。例如，'x41' 匹配 "A"。'x041' 則等價(jià)于 'x04' & "1"。正則表達(dá)式中可以使用 ASCII 編碼。
\num：匹配 num，其中 num 是一個(gè)正整數(shù)。對(duì)所獲取的匹配的引用。例如，'(.)1' 匹配兩個(gè)連續(xù)的相同字符。
\n：標(biāo)識(shí)一個(gè)八進(jìn)制轉(zhuǎn)義值或一個(gè)向后引用。如果 n 之前至少 n 個(gè)獲取的子表達(dá)式，則 n 為向后引用。否則，如果 n 為八進(jìn)制數(shù)字 (0-7)，則 n 為一個(gè)八進(jìn)制轉(zhuǎn)義值。
\nm：標(biāo)識(shí)一個(gè)八進(jìn)制轉(zhuǎn)義值或一個(gè)向后引用。如果 nm 之前至少有 nm 個(gè)獲得子表達(dá)式，則 nm 為向后引用。如果 nm 之前至少有 n 個(gè)獲取，則 n 為一個(gè)后跟文字 m 的向后引用。如果前面的條件都不滿足，若 n 和 m 均為八進(jìn)制數(shù)字 (0-7)，則 nm 將匹配八進(jìn)制轉(zhuǎn)義值 nm。
\nml：如果 n 為八進(jìn)制數(shù)字 (0-3)，且 m 和 l 均為八進(jìn)制數(shù)字 (0-7)，則匹配八進(jìn)制轉(zhuǎn)義值 nml。
5、RegExp類型
在 JavaScript 中，RegExp 對(duì)象是一個(gè)預(yù)定義了屬性和方法的正則表達(dá)式對(duì)象。
ECMAScript通過(guò)RegExp類型支持正則表達(dá)式，如下：
var expression = /pattern/flags;
其中的模式（pattern）部分可以是任何簡(jiǎn)單或者復(fù)雜的正則表達(dá)式，可以包含字符類、限定符、分組、向前查找以及反向引用。每個(gè)正則表達(dá)式可帶有一個(gè)或者多個(gè)標(biāo)注（flags）,用以標(biāo)明正則表達(dá)式的行為。有三個(gè)一下標(biāo)志：
g：表示全局模式,即模式將被應(yīng)用到所有字符串，而非在發(fā)現(xiàn)第一個(gè)匹配項(xiàng)時(shí)立即停止。
i：表示不區(qū)分大小寫模式。
m：表示多行模式，即在到達(dá)一行文本末尾時(shí)還在繼續(xù)查找下一行中是否存在于模式匹配的項(xiàng)。
6、正則表達(dá)式定義方式
6.1、以字面量的形式來(lái)定義正則表達(dá)式
例如：匹配第一個(gè)bat或者cat,不區(qū)分大小寫
var pattern = /[bc]at/i;
6.2、使用RegExp構(gòu)造函數(shù)
它接收兩個(gè)參數(shù)：一個(gè)是要匹配的字符串模式，另一個(gè)是可選的標(biāo)志字符串?？梢允褂米置媪慷x的任何表達(dá)式，都可以使用構(gòu)造函數(shù)來(lái)定義，還是以上面的例子為例：
var pattern = new RegExp("[bc]at","i");
注意:RegExp構(gòu)造函數(shù)模式參數(shù)時(shí)字符串，所以再某些情況下要對(duì)字符進(jìn)項(xiàng)雙重轉(zhuǎn)義。所有元字符都必須雙重轉(zhuǎn)義，如字面量模式為/\[bc\]at/,那么等價(jià)的字符串為"/\\[bc\\]at/"
例子：
var re = null,
i;
for(i=0; i < 10; i++){
re = /cat/g;
console.log(re.test("catastrophe"));
}
for(i=0; i < 10; i++){
re = new RegExp("cat","g");
console.log(re.test("catastrophe"));
}
打印結(jié)果都為10個(gè)true
7、正則表達(dá)式方法
7.1、RegExp對(duì)象的exec()方法
該方法是專門為捕獲組而設(shè)計(jì)的，其接受一個(gè)參數(shù)，即要應(yīng)用模式的字符串，然后返回包含第一個(gè)匹配項(xiàng)信息的數(shù)組；或者在沒(méi)有匹配項(xiàng)的情況下返回null。返回的數(shù)組雖然是Array的實(shí)例，但是包含兩個(gè)額外的屬性：index和input。其中index表示匹配項(xiàng)在字符串中的位置，而input表示應(yīng)用字符串表達(dá)式的字符串。
例：
var text = "mom and dad and baby";var pattern = /mom( and dad( and baby)?)?/gi;var matches = pattern.exec(text);console.log(matches.index); //0console.log(matches.input); //mom and dad and babyconsole.log(matches[0]);? ? //mom and dad and babyconsole.log(matches[1]);? ? //and dad and babyconsole.log(matches[2]);? ? //and baby
對(duì)于exec()方法而言，即使在模式中設(shè)置了全局標(biāo)志g，它每次也只是返回一個(gè)匹配項(xiàng)。在不設(shè)置全局標(biāo)志的情況下，在同一個(gè)字符串上多次調(diào)用exec()方法將始終返回第一個(gè)匹配項(xiàng)的信息。而在設(shè)置全局標(biāo)志的情況下，每次調(diào)用exec()則都會(huì)在字符串中繼續(xù)查找新匹配項(xiàng)，如下例子：
var text = "cat, bat, sat, fat";var pattern1 = /.at/;
var matches = pattern1.exec(text);
console.log(matches.index); //0
console.log(matches[0]);? //cat
console.log(pattern1.lastIndex); //0
matches = pattern1.exec(text);console.log(matches.index); //0
console.log(matches[0]);? //cat
console.log(pattern1.lastIndex); //0
var pattern2 = /.at/g;
var matches = pattern2.exec(text);console.log(matches.index); //0
console.log(matches[0]);? //cat
console.log(pattern2.lastIndex); //3
var matches = pattern2.exec(text);
console.log(matches.index); //5
console.log(matches[0]);? //bat
console.log(pattern2.lastIndex); //8
注意：IE的JavaScript實(shí)現(xiàn)lastIndex屬性上存在偏差，即使在非全局模式下，lastIndex屬性每次也都在變化。
7.2、test()方法
正則表達(dá)式常用方法test()，它接受一個(gè)字符串參數(shù)。在模式與該參數(shù)匹配的情況下返回true，否則返回false。
用法：正則.test(字符串)
例1：判斷是否是數(shù)字
var str = '374829348791';
var re = /\D/;? ? ? //? \D代表非數(shù)字
if( re.test(str) ){? // 返回true,代表在字符串中找到了非數(shù)字。
alert('不全是數(shù)字');
}else{
alert('全是數(shù)字');
}
例2：
var text ="000-00-0000";
var pattern = /\d{3}-\d{2}-\d{4}/;
if(pattern.test(text)){
console.log('the pattern was matched.');
}
7.3、 search()方法
在字符串搜索符合正則的內(nèi)容，搜索到就返回出現(xiàn)的位置（從0開始，如果匹配的不只是一個(gè)字母，那只會(huì)返回第一個(gè)字母的位置）， 如果搜索失敗就返回 -1
用法：字符串.search(正則)
例子：在字符串中找字母b，且不區(qū)分大小寫
var str = 'abcdef';
var re = /B/i;
//var re = new RegExp('B','i'); 也可以這樣寫
alert( str.search(re) ); // 1
7.4、match方法
獲取正則匹配到的結(jié)果，以數(shù)組的形式返回
用法： 字符串.match(正則)
例如：
"186a619b28".match(/\d+/g); // ["186","619","28"]
如果上面的匹配不是全局匹配，那么得到的結(jié)果如下：
["186", index: 0, input: "186a619b28"]
7.5、replace方法
replace 本身是JavaScript字符串對(duì)象的一個(gè)方法，它允許接收兩個(gè)參數(shù)：
replace([RegExp|String],[String|Function])
第1個(gè)參數(shù)可以是一個(gè)普通的字符串或是一個(gè)正則表達(dá)式.
第2個(gè)參數(shù)可以是一個(gè)普通的字符串或是一個(gè)回調(diào)函數(shù).
如果第2個(gè)參數(shù)是回調(diào)函數(shù)，每匹配到一個(gè)結(jié)果就回調(diào)一次，每次回調(diào)都會(huì)傳遞以下參數(shù)：
result: 本次匹配到的結(jié)果
1,...1,...9: 正則表達(dá)式中有幾個(gè)()，就會(huì)傳遞幾個(gè)參數(shù)，1 1 9分別代表本次匹配中每個(gè)()提取的結(jié)果，最多9個(gè)
offset:記錄本次匹配的開始位置
source:接受匹配的原始字符串
以下是replace和JS正則搭配使用的幾個(gè)常見(jiàn)經(jīng)典案例：
（1）實(shí)現(xiàn)字符串的trim函數(shù)，去除字符串兩邊的空格
String.prototype.trim = function(){
//方式一：將匹配到的每一個(gè)結(jié)果都用""替換
return this.replace(/(^\s+)|(\s+$)/g,function(){
return "";
});
//方式二：和方式一的原理相同
return this.replace(/(^\s+)|(\s+$)/g,'');
};
^s+ 表示以空格開頭的連續(xù)空白字符，s+$ 表示以空格結(jié)尾的連續(xù)空白字符，加上() 就是將匹配到的結(jié)果提取出來(lái)，由于是 | 的關(guān)系，因此這個(gè)表達(dá)式最多會(huì)match到兩個(gè)結(jié)果集，然后執(zhí)行兩次替換：
String.prototype.trim = function(){
/**
* @param rs：匹配結(jié)果
* @param $1:第1個(gè)()提取結(jié)果
* @param $2:第2個(gè)()提取結(jié)果
* @param offset:匹配開始位置
* @param source：原始字符串
*/
this.replace(/(^\s+)|(\s+$)/g,function(rs,$1,$2,offset,source){
//arguments中的每個(gè)元素對(duì)應(yīng)一個(gè)參數(shù)? ? console.log(arguments);
});
};
" abcd ".trim();
輸出結(jié)果：
[" ", " ", undefined, 0, " abcd "] //第1次匹配結(jié)果
[" ", undefined, " ", 5, " abcd "] //第2次匹配結(jié)果
（2）提取瀏覽器url中的參數(shù)名和參數(shù)值，生成一個(gè)key/value的對(duì)象
function getUrlParamObj(){
var obj = {};
//獲取url的參數(shù)部分
var params = window.location.search.substr(1);
//[^&=]+ 表示不含&或=的連續(xù)字符，加上()就是提取對(duì)應(yīng)字符串
params.replace(/([^&=]+)=([^&=]*)/gi,function(rs,$1,$2){
obj[$1] = $2;
});
return obj;
}
/([^&=]+)=([^&=]*)/gi 每次匹配到的都是一個(gè)完整key/value,形如 xxxx=xxx, 每當(dāng)匹配到一個(gè)這樣的結(jié)果時(shí)就執(zhí)行回調(diào)，并傳遞匹配到的key和value，對(duì)應(yīng)到$1和$2
（3）在字符串指定位置插入新字符串
String.prototype.insetAt = function(str,offset){
//使用RegExp()構(gòu)造函數(shù)創(chuàng)建正則表達(dá)式
var regx = new RegExp("(.{"+offset+"})");
return this.replace(regx,"$1"+str);
};
"abcd".insetAt('xyz',2); //在b和c之間插入xyz//結(jié)果 "abxyzcd"
當(dāng)offset=2時(shí)，正則表達(dá)式為：(^.{2}) .表示除\n之外的任意字符，后面加{2} 就是匹配以數(shù)字或字母組成的前兩個(gè)連續(xù)字符，加()就會(huì)將匹配到的結(jié)果提取出來(lái)，然后通過(guò)replace將匹配到的結(jié)果替換為新的字符串，形如：結(jié)果=結(jié)果+str
（4） 將手機(jī)號(hào)12988886666轉(zhuǎn)化成129 8888 6666
function telFormat(tel){
tel = String(tel);
//方式一
return tel.replace(/(\d{3})(\d{4})(\d{4})/,function (rs,$1,$2,$3){
return $1+" "+$2+" "+$3
});
//方式二
return tel.replace(/(\d{3})(\d{4})(\d{4})/,"$1 $2 $3");
}
(\d{3}\d{4}\d{4}) 可以匹配完整的手機(jī)號(hào)，并分別提取前3位、4-7位和8-11位，"$1 $2 $3" 是在三個(gè)結(jié)果集中間加空格組成新的字符串，然后替換完整的手機(jī)號(hào)。
（5）replace()方法全局替換變量
簡(jiǎn)單替換字符：string.replace("a","b"); （把 a 替換成 b）
全局替換字符：string.replace(/a/g,"b");（全局把a(bǔ)替換成b）
但是如果是全局替換一個(gè)變量?jī)?nèi)容，如下,給一個(gè)電話號(hào)碼中間加*號(hào)：
var phone = "15512345678";
var sliceNumber = phone.slice(3,phone.length - 3);
var newPhone = phone.replace(new RegExp(sliceNumber,'g'),'****');
console.log(newPhone); //155****678
8、常用實(shí)例
匹配第一個(gè)bat或者cat,不區(qū)分大小寫： /[bc]at/i 或者 new RegExp("[bc]at","i");
匹配所有以"at"結(jié)尾的3個(gè)字符組合，不區(qū)分大小寫：/.at/gi;
只能輸入數(shù)字：^[0-9]*$;
只能輸入n位的數(shù)字：^\d{n}$
只能輸入至少n位的數(shù)字：^\d{n,}$
只能輸入m~n位的數(shù)字：^\d{m,n}$
只能輸入零和非零開頭的數(shù)字：^(0|[1-9][0-9]*)$
只能輸入有兩位小數(shù)的正實(shí)數(shù)：^[0-9]+(.[0-9]{2})?$
只能輸入有1~3位小數(shù)的正實(shí)數(shù)：^[0-9]+(.[0-9]{1,3})?$
只能輸入非零的正整數(shù)：^\+?[1-9][0-9]*$
只能輸入長(zhǎng)度為3的字符：^.{3}$
只能輸入由26個(gè)英文字母組成的字符串：^[A-Za-z]+$
只能輸入由數(shù)字和26個(gè)英文字母組成的字符串：^[A-Za-z0-9]+$
只能輸入由數(shù)字、26個(gè)英文字母或者下劃線組成的字符串：^\w+$
驗(yàn)證用戶密碼：以字母開頭，長(zhǎng)度在6~18之間，只能包含字符、數(shù)字和下劃線：^[a-zA-Z]\w{5,17}$
驗(yàn)證是否含有^%&',;=?$"等字符：[^%&',;=?$\x22]+
只能輸入漢字：^[\u4e00-\u9fa5]{0,}$
驗(yàn)證Email地址：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
驗(yàn)證InternetURL：^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$
驗(yàn)證身份證號(hào)（15位或18位數(shù)字）：^\d{15}|\d{18}$
驗(yàn)證IP地址：^((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)$
匹配兩個(gè)兩個(gè)重疊出現(xiàn)的字符 例如，"aabbc11asd"， 返回結(jié)果為aa bb 11三組match：(\w)\1
匹配成對(duì)的HTML標(biāo)簽：<(?<tag>[^\s>]+)[^>]*>.*</\k<tag>>
匹配1-58之間的數(shù)字：/^([1-9]|[1-5][0-8])$/
匹配 -90至90之間的整數(shù)（包括-90和90）：^(-?[1-8][0-9]|-?[1-9]|-?90|0)$
匹配收尾空白字符：^\s+|\s+$
中文，全角，半角匹配：
str="中文;；ａ"?
alert(str.match(/[\u0000-\u00ff]/g))? ? //半角
alert(str.match(/[\u4e00-\u9fa5]/g))? ? //中文
alert(str.match(/[\uff00-\uffff]/g))? ? //全角
找重復(fù)項(xiàng)最多的字符個(gè)數(shù)：
var str = 'assssjdssskssalsssdkjsssdss';
var arr = str.split(''); //把字符串轉(zhuǎn)換為數(shù)組
str = arr.sort().join(''); //首先進(jìn)行排序，這樣結(jié)果會(huì)把相同的字符放在一起，然后再轉(zhuǎn)換為字符串//alert(str);? // aaddjjkklsssssssssssssssss
var value = '';
var index = 0; var re = /(\w)\1+/g;? //匹配字符，且重復(fù)這個(gè)字符，重復(fù)次數(shù)至少一次。
str.replace(re,function($0,$1){
//alert($0);? 代表每次匹配成功的結(jié)果 : aa dd jj kk l sssssssssssssssss
//alert($1);? 代表每次匹配成功的第一個(gè)子項(xiàng)，也就是\w:? a d j k l S
if(index<$0.length){? //如果index保存的值小于$0的長(zhǎng)度就進(jìn)行下面的操作
index = $0.length;? // 這樣index一直保存的就在最大的長(zhǎng)度
value = $1;? //value保存的是出現(xiàn)最多的這個(gè)字符? ? }
});
alert('最多的字符:'+value+',重復(fù)的次數(shù):'+index);? // s? 17
判斷是不是QQ號(hào)：
//^ : 放在正則的最開始位置，就代表起始的意思，注意? /[^a] /? 和? /^[a]/是不一樣的，前者是排除的意思，后者是代表首位。
//$ : 正則的最后位置 , 就代表結(jié)束的意思
//首先想QQ號(hào)的規(guī)則
1 首位不能是0
2 必須是 5-12位的數(shù)字
var aInput = document.getElementsByTagName('input');
var re = /^[1-9]\d{4,11}$/;
//123456abc為了防止出現(xiàn)這樣的情況，所以必須限制最后
//首位是0-9，接著是4-11位的數(shù)字類型。
aInput[1].onclick = function(){
if( re.test(aInput[0].value) ){
alert('是QQ號(hào)');
}else{
alert('不是QQ號(hào)');
}
};
去掉前后空格（面試題經(jīng)常出現(xiàn)）：
var str = '? hello? ';
alert( '('+trim(str)+')' );//為了看出區(qū)別所以加的括號(hào)。 (hello)function trim(str){
var re = /^\s+|\s+$/g; // |代表或者? \s代表空格? +至少一個(gè)? ? 前面有至少一個(gè)空格 或者后面有至少一個(gè)空格 且全局匹配
return str.replace(re,''); //把空格替換成空
}
常用的一些表單校驗(yàn)：
匹配中文：[\u4e00-\u9fa5] //中文ACALL碼的范圍
行首行尾空格：^\s*|\s*$ //首行出現(xiàn)任意個(gè)空格或者尾行出現(xiàn)任意個(gè)空格（任意表示也可以沒(méi)有空格）
Email：^\w+@[a-z0-9]+(\.[a-z]+){1,3}$
//起始至少為一個(gè)字符(\w字母，數(shù)字或者下劃線)，然后匹配@,接著為任意個(gè)字母或者數(shù)字，\.代表真正的點(diǎn)，.后面為至少一個(gè)的字符（a-z）,同時(shí)這個(gè)(比如.com)整體為一個(gè)子項(xiàng)作為結(jié)束，可以出現(xiàn)1-3次。因?yàn)橛械泥]箱是這樣的.cn.net。（xxxx.@qq.com xxxx.@163.com xxxx.@16.cn.net ）
網(wǎng)址：[a-zA-z]+://[^\s]*? http://......
//匹配不分大小寫的任意字母，接著是//,后面是非空格的任意字符
郵政編碼：[1-9]\d{5}? //起始數(shù)字不能為0，然后是5個(gè)數(shù)字
身份證：[1-9]\d{14}|[1-9]\d{17}|[1-9]\d{16}x
