. 匹配除換行符之外的所有字符(此項(xiàng)以下為范圍集)

s 匹配任何空白字符，包括空格、制表符、換頁(yè)符等等。

S 匹配任何非空白字符(s的反面)

d 匹配數(shù)字字符

D 匹配非數(shù)字字符(d的反面)

w 匹配字母、數(shù)字、下劃線

W 匹配非字母、數(shù)字、下劃線

以上這些我覺(jué)得就是比較常用的基本能夠夠大家使用的了，對(duì)于中文站一般還會(huì)用到中文的相關(guān)匹配，那么中文的匹配為[u4e00-u9fa5]，其中u是四個(gè)十六進(jìn)制數(shù)字表示的Unicode字符，不知道匹配的中文是否全，但是大部分還都是可以的

實(shí)際上調(diào)試正則可以不需要什么工具，你要非得要的話，可以用Note Pad++，這個(gè)簡(jiǎn)單的編輯器內(nèi)置有正則的匹配，Ctrl+F彈出對(duì)話框里邊是含有正則選擇項(xiàng)，打上對(duì)勾即可以在編輯其中寫內(nèi)容，看看能否搜索到了。

我建議看此篇文章或者練習(xí)的時(shí)候，在chrome瀏覽器直接Windows系統(tǒng)按F12, Mac上按command+option+J，點(diǎn)擊console或者控制臺(tái)，用什么瀏覽器自行研究如何打開控制臺(tái)，如圖

光標(biāo)位置即可操作js，然后利用js的就可以展示你寫的正則是否正確，很速度的方式，可以用上下鍵來(lái)切換，迅速修改你的表達(dá)式

下文的Reg代表正則表達(dá)式，str代表要匹配的字符串，由于還未開始正則表達(dá)式講解，如果有無(wú)法理解請(qǐng)略讀，了解如何利用這幾個(gè)函數(shù)，然后開始進(jìn)行第四節(jié)正則學(xué)習(xí)，然后回頭看就OK了。

test

用法：Reg.test(str)
返回值：Boolean
實(shí)例：/a/.test("a") // true

exec

用法：Reg.exec(str)
返回值：Array或null
實(shí)例1：/b(a)/.exec("ba") // ["ba", "a", index: 0, input: "ba"]
實(shí)例2：/a(c)/.exec("ba") // null
解釋：匹配的值會(huì)按照順序-->全匹配，第一分組，第二分組...等等，匹配到的字符串位置(index)，輸入的字符串(input)

match

用法：str.match(Reg)
返回值：Array或null
其實(shí)和RegExp的test方法是一致的，只不過(guò)這個(gè)字符串在前
注意：當(dāng)區(qū)分模式時(shí)match返回情況有所區(qū)別
實(shí)例1："bababa".match(/b(a)/g) // ["ba", "ba", "ba"]
實(shí)例2："bababa".match(/b(a)/) // ["ba", "a", index: 0, input: "bababa"]

search
用法：str.search(Reg)
返回值：Number 位置索引(無(wú)匹配返回-1)
實(shí)例："wefeaba".search(/b(a)/) // 5

split

用法：str.split(str)或str.split(Reg) 【自動(dòng)全局搜索】
返回值：Array 將分開的子字符串放到數(shù)組中
實(shí)例1："前端,后端,設(shè)計(jì)".split(",") // ["前端", "后端", "設(shè)計(jì)"]
實(shí)例2："f4wef1er2gr".split(/d/) // ["f", "wef", "er", "gr"]

replace

用法：str.replace(str, str)或str.replace(Reg,str)或str.replace(Reg,Fn)
實(shí)例1："前端,后端,設(shè)計(jì)".replace(",", "|") // "前端|后端,設(shè)計(jì)"
實(shí)例2："前端,后端,設(shè)計(jì)".replace(/,/, "|") // "前端|后端,設(shè)計(jì)"
實(shí)例3："前端,后端,設(shè)計(jì)".replace(/,/g, "|") // "前端|后端|設(shè)計(jì)"
實(shí)例4：

"前端,后端,設(shè)計(jì)".replace(/,/g, function($all){
    return "{" + $all + "}";
});
// "前端{(lán),}后端{(lán),}設(shè)計(jì)"

實(shí)例5：

"1、這是例子balabala".replace(/1、([u4e00-u9fa5]+)[a-z]*/g, function($all, $1){
    return "{" + $1 + "}";
})
// "{這是例子}"

解釋: replace的函數(shù)參數(shù)順序?yàn)?->全匹配，第一捕獲組，第二捕獲組...

邊練習(xí)邊寫，你會(huì)發(fā)現(xiàn)無(wú)窮的樂(lè)趣，看到中途累了休息一下

最簡(jiǎn)單的正則

/a/

用途：匹配a，只要串中包含a即可
說(shuō)明：js中用兩個(gè)/來(lái)圈定正則，中間的a即為要匹配的字符

實(shí)例：/a/.test("ab") // true

我們現(xiàn)在看一個(gè)使用場(chǎng)景，你提供了一個(gè)輸入框，這個(gè)輸入框是讓用戶輸入手機(jī)號(hào)，先來(lái)個(gè)最簡(jiǎn)單的規(guī)則，用戶的手機(jī)號(hào)應(yīng)為11位數(shù)字，這是一個(gè)最簡(jiǎn)單的正則，如下所示。

/^d{11}$/

用途：匹配從開始到結(jié)尾共11位數(shù)字的字符串
說(shuō)明：^用來(lái)標(biāo)識(shí)開頭，$用來(lái)標(biāo)識(shí)結(jié)尾，d為數(shù)字集合，{11}代表將d循環(huán)11次
注意：用來(lái)判斷某字符串正確與否一定要加開始結(jié)束標(biāo)識(shí)符，看實(shí)例2即可看出端倪，十二位數(shù)字也被匹配上了，也就是只要串中包含正則可匹配的就能成功，此處可以看出開始結(jié)束符的重要性

實(shí)例1：/^d{11}$/.test("13212344321") // true
實(shí)例2：/d{11}/.test("132123443211") // true

/^d{5,11}$/

用途：匹配從開始到結(jié)尾共5-11數(shù)字均可的字符串
說(shuō)明：{5,11} 集合來(lái)標(biāo)識(shí)5到11位，可以{5,}來(lái)表示5到n多位

實(shí)例1：/^d{5,11}$/.test("1234") // false
實(shí)例2：/^d{5,11}$/.test("1234567") // true

下面繼續(xù)拓展，組合上面方式

/^132d{8}$/

用途：匹配開頭為132的手機(jī)號(hào)碼
說(shuō)明：132其實(shí)就是直接匹配這三個(gè)字符，后面的其實(shí)就是動(dòng)態(tài)匹配8位數(shù)字，合起來(lái)就是11位了

實(shí)例1：/^132d{8}$/.test("18912344321") // false
實(shí)例2：/^132d{8}$/.test("13212344321") // true

手機(jī)號(hào)不是只有132開頭的啊，如果我想用189開頭的呢，請(qǐng)看

/^(132|189|133)d{8}$/

用途：匹配開頭為132或189或133的手機(jī)號(hào)
說(shuō)明：此處應(yīng)該注意我們用到了分組()和并列關(guān)系|，并列就很簡(jiǎn)單了就是說(shuō)可以132可以189可以133，此處一定注意分組是一定要用的如果不用就會(huì)出現(xiàn)實(shí)例1的情況，因?yàn)椴⒘嘘P(guān)系不是前面數(shù)字了，變成了三部分了

實(shí)例1：/^132|189|133d{8}$/.test("132") // true
實(shí)例2：/^(132|189|133)d{8}$/.test("132") // false
實(shí)例3：/^(132|189|133)d{8}$/.test("18912344321") // true
實(shí)例4：/^(132|189|133)d{8}$/.test("13212344321") // true

現(xiàn)在來(lái)看另一個(gè)場(chǎng)景，如果我們不是判斷手機(jī)號(hào)，而是在一堆中文介紹中提取出手機(jī)號(hào)，那么需要怎么辦呢?

匹配內(nèi)容："大家好，我叫jackwang，我的手機(jī)號(hào)是{13212344321}，他的手機(jī)號(hào)為{13212344321}測(cè)試"

/{((132|189|133)d{8})}/

用途：用來(lái)匹配文中的手機(jī)號(hào)，注意手機(jī)兩邊有標(biāo)識(shí){和}我們有這個(gè)定位符會(huì)很方便將其匹配出來(lái)
說(shuō)明：首先，可以看到{，我們前面提到了{和}為正則特殊字符，雖然此處不加也可以，但是好習(xí)慣就是特殊字符要加上避免出問(wèn)題，例如{1}，如果你要匹配的不是前面的東西循環(huán)一次那么就會(huì)出問(wèn)題了；另外，看到我用兩個(gè)()這相當(dāng)于有兩個(gè)捕獲組，請(qǐng)看實(shí)例(這回我用exec，會(huì)看的更直接)

實(shí)例1：/{((132|189|133)d{8})}/.exec("大家好，我叫jackwang，我的手機(jī)號(hào)是{13212344321}，他的手機(jī)號(hào)為{13212344321}測(cè)試")
// ["{13212344321}", "13212344321", "132", index: 21, input: "大家好，我叫jackwang，我的手機(jī)號(hào)是{13212344321}，他的手機(jī)號(hào)為{13212344321}測(cè)試"]

可以看到第一捕獲組放在了索引為1的位置，我們就可以直接取用了，不過(guò)我們會(huì)想如果串中如果有多個(gè)電話號(hào)想搞怎么辦，就像上面這段字符串，下面我給出js寫法，并解釋

var str = "大家好，我叫jackwang，我的手機(jī)號(hào)是{13212344321}，他的手機(jī)號(hào)為{13212344334}測(cè)試";
var reg = /{((132|189|133)d{8})}/g;

console.log(reg.exec(str));
console.log(reg.exec(str));

// ["{13212344321}", "13212344321", "132", index: 21, input: "大家好，我叫jackwang，我的手機(jī)號(hào)是{13212344321}，他的手機(jī)號(hào)為{13212344334}測(cè)試"]

// ["{13212344334}", "13212344334", "132", index: 41, input: "大家好，我叫jackwang，我的手機(jī)號(hào)是{13212344321}，他的手機(jī)號(hào)為{13212344334}測(cè)試"]

說(shuō)明：g正則后面加個(gè)g表示全局模式；關(guān)于模式，i表示不區(qū)分大小寫，m表示多行模式，我很少用，此處不講了；對(duì)于exec有這么個(gè)特性，當(dāng)正則表達(dá)式為全局匹配模式每次執(zhí)行exec后會(huì)刷新下一次執(zhí)行開始位置，下一次的開始位置為第一次匹配的最后一個(gè)字符的下一個(gè)位置，所以執(zhí)行兩次就會(huì)將串中所有的匹配出來(lái)，這樣就實(shí)現(xiàn)了提取的目的

繼續(xù)看上面的這段文本，如果我想匹配jackwang怎么辦呢？

/[acgjknw]+/

用途：匹配包含acgjknw這些字符的1或多次循環(huán)
說(shuō)明：[]是字符集，里邊的就是要表示的字符，后面加一個(gè)+那么就是表示將前面的[]里邊的循環(huán)1次或多次，同理?和*不再用例子展示了

實(shí)例：/[acgjknw]+/g.exec("大家好，我叫jackwang，我的手機(jī)號(hào)是{13212344321}，他的手機(jī)號(hào)為{13212344334}測(cè)試")
// ["jackwang", index: 6, input: "大家好，我叫jackwang，我的手機(jī)號(hào)是{13212344321}，他的手機(jī)號(hào)為{13212344334}測(cè)試"]

可以看到我們寫了很多字母，其實(shí)我們想匹配英文名，英文名不一定只有這幾個(gè)字符，所以此處我們可以這樣

/[a-z]+/

用途：匹配包含a-z的1或多次循環(huán)
說(shuō)明：注意-這是范圍的意思，按照ASCII中的順序，寫這個(gè)范圍就行，這回我搞腳本的時(shí)候就遇到一個(gè)坑，如實(shí)例2，本來(lái)想匹配:-=，但是忘記對(duì)-進(jìn)行轉(zhuǎn)義，導(dǎo)致<也被匹配上

實(shí)例1：/[a-z]+/g.exec("大家好，我叫jackwang，我的手機(jī)號(hào)是{13212344321}，他的手機(jī)號(hào)為{13212344334}測(cè)試")
// ["jackwang", index: 6, input: "大家好，我叫jackwang，我的手機(jī)號(hào)是{13212344321}，他的手機(jī)號(hào)為{13212344334}測(cè)試"]
實(shí)例2：/[:-=]/.test("<")// true

還有一些什么沒(méi)講呢，下面多帶帶舉例來(lái)說(shuō)明

貪婪模式/非貪婪模式
字符串："baeabaeab"

/b[a-z]+b/和/b[a-z]+?b/

說(shuō)明：前者為貪婪模式，后者為非貪婪模式；請(qǐng)注意+后面的?添加了就為非貪婪模式，同理*和"?"后面可以添加；貪婪模式就是多次循環(huán)會(huì)盡可能的去匹配，非貪婪模式就是最少匹配，看實(shí)例結(jié)果即可明白，此正則功能很有用希望大家記住

實(shí)例1：/b[a-z]+b/.exec("baeabaeab")
// ["baeabaeab", index: 0, input: "baeabaeab"]
實(shí)例2：/b[a-z]+?b/.exec("baeabaeab")
// ["baeab", index: 0, input: "baeabaeab"]

反義

/[^5]/

說(shuō)明:只要在集合的最開始用^即可，就是表示除了5之外所有字符

實(shí)例：/[^5]/.test("5") // false

環(huán)視

環(huán)視其實(shí)某些情況還是挺好用的，還記得前面的匹配手機(jī)號(hào)嗎？

字符串: "大家好，我叫jackwang，我的手機(jī)號(hào)是{13212344321}，他的手機(jī)號(hào)為13212344334測(cè)試"

其實(shí)我們還可以用環(huán)視

/(?<={)((132|189|133)d{8})(?=})/

實(shí)例：/(?<={)((132|189|133)d{8})(?=})/.exec("大家好，我叫jackwang，我的手機(jī)號(hào)是{13212344321}，他的手機(jī)號(hào)為13212344334測(cè)試")
// ["13212344321", "13212344321", "132", index: 22, input: "大家好，我叫jackwang，我的手機(jī)號(hào)是{13212344321}，他的手機(jī)號(hào)為13212344334測(cè)試"]

說(shuō)明：剛開始環(huán)視可能比較難以理解，我通俗點(diǎn)講，我覺(jué)得比我最開始提到的文章好理解

這就像站隊(duì)一樣，我在一排中想要找出你來(lái)，就可以直接匹配，但是我要找出張三和李四中間的你，但是我只想要你，不要帶著他倆，那么環(huán)視就是這個(gè)功能

環(huán)視被包含的東西是不參與到正則最后匹配出來(lái)的東西當(dāng)中的，它只起到一個(gè)定位的作用

(?<={)為逆向肯定環(huán)視，舉例來(lái)說(shuō)，在匹配132之前要從1往回看，也就是逆向看看他的上一位是不是{，如果是的話才算合法，如果不是就匹配不成功，也就是你要往前看不是張三，那我就不找你了。同理，(?=})為正向肯定環(huán)視，也就是匹配手機(jī)號(hào)之后，后面一定要有}，這樣才算成功，也就是你向后(順序)看是李四才行，這整個(gè)表達(dá)式也就是你向前(逆向)看必須是張三，向后(正向)看必須是李四，我才會(huì)找你。

上面兩個(gè)是肯定狀態(tài)，另外還有兩個(gè)否定狀態(tài)，意思就是反的，(?逆向否定環(huán)視，(?!pattern)正向否定環(huán)視， pattern為要匹配的表達(dá)式，舉個(gè)例子