一缎患、介紹

這節(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)志字符串进陡。可以使用字面量定義的任何表達(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è)常見經(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