摘要：正則表達(dá)式小結(jié)創(chuàng)建方式直接量語法創(chuàng)建對(duì)象的語法語法屬性說明我們寫的正則表達(dá)式的規(guī)則，而則是規(guī)則的修飾符，為全局匹配，為區(qū)分大小寫的匹配，為多行匹配。注意正則表達(dá)式，一定要加上修飾符。

這幾天，剛來公司，導(dǎo)師安排點(diǎn)任務(wù)增加些功能，以便熟悉了開發(fā)環(huán)境。接到的任務(wù)中，有一個(gè)環(huán)節(jié)需要處理一個(gè)業(yè)務(wù)的json數(shù)據(jù)，具有多級(jí)嵌套，我要做的是讓使用者可以修改其中的"userName"。

利用正則表達(dá)式進(jìn)行匹配替代

利用遍歷修改鍵值

當(dāng)然，看到兩個(gè)思路的高下，在大部分情況下都是可以直接得出結(jié)論的，正則肯定是優(yōu)于遍歷的。

直接量語法
/pattern/attributes

創(chuàng)建RegEx對(duì)象的語法
new RegExp(pattern,attributes)

語法屬性說明：pattern我們寫的正則表達(dá)式的規(guī)則，而attributes則是規(guī)則的修飾符，g為全局匹配，i為區(qū)分大小寫的匹配，m為多行匹配。

用于查找某個(gè)范圍內(nèi)的字符

  [acg] //匹配acg任一項(xiàng)即可
  [^acg]//匹配acg之外的任何一個(gè)字符
  [a-z] //匹配a到z  26個(gè)小寫字母的任何一個(gè)即可
  [A-Z] //匹配A到Z 26個(gè)大寫字母的任何一個(gè)即可
  (red|blue|green) //匹配red或者blue或者green任何一個(gè)即可

擁有特殊含義的字符

.    //查找單個(gè)字符，除了換行以及行結(jié)束符
w   //查找單詞字符
W   //查找非單詞字符
d   //查找數(shù)字
D   //查找非數(shù)字
xxx //查找八進(jìn)制書xxx規(guī)定的字符

描述規(guī)則執(zhí)行的次數(shù)要求以及位置要求

n+ //匹配任何包含至少一個(gè)n的字符串
n? //匹配任何包含零個(gè)或者一個(gè)n的字符串
n* //匹配包含任一個(gè)n的字符串
n{x,y}  //匹配包含x到y(tǒng)次n的字符串
^n  //匹配開頭含有n的字符串
n$  //匹配結(jié)尾有n的字符串
?=n //匹配任何其后緊跟指定字符串n的字符串
?!n //匹配任何其后沒有緊跟字符串n的字符串
  //匹配一個(gè)字邊界，即字與空格間的位置
B  //非字邊界匹配

compile 編譯正則表達(dá)式

exec 執(zhí)行正則表達(dá)式，并返回找到的值與位置

test 檢測(cè)是否真的含有符合正則表達(dá)式的字符串，返回布爾值

search 檢索與正則表達(dá)式相匹配的值

match 找到一個(gè)或者多個(gè)正則表達(dá)式的匹配

replace 替換與正則表達(dá)式相匹配的子串

split 把字符串分割為字符串?dāng)?shù)組

一個(gè)正則表達(dá)式可分為許多子表達(dá)式
例子：利用子表達(dá)式可以將通用資源指示符 (URI) 分解為其組件。假定您想將下面的 URI 分解為協(xié)議（ftp、http 等等）、域地址和頁/路徑

var test = http://www.w3cschool.cc:80/html/html-tutorial.html;

/w+://[^/:]+:d*?[^# ]*/.exec(test)  
     //只可以匹配到鏈接
//輸出結(jié)果
["http://www.w3cschool.cc:80/html/html-tutorial.html",
 index: 0, input: "http://www.w3cschool.cc:80/html/html-tutorial.html"]      

/(w+)://([^/:]+)(:d*)?([^# ]*)/.exec(test)  
    //不僅可以匹配到鏈接，還可以把鏈接分為各個(gè)部分輸出
//輸出結(jié)果
["http://www.w3cschool.cc:80/html/html-tutorial.html", 
"http", "www.w3cschool.cc", ":80", "/html/html-tutorial.html", 
index: 0, input: "http://www.w3cschool.cc:80/html/html-tutorial.html"] 

? * + 三者都是貪婪的

因?yàn)樗麄儠?huì)盡可能多的匹配字符串，只要在他們后面再加一個(gè)？就可以實(shí)現(xiàn)非貪婪或者最小匹配
實(shí)例如下

Hello world!

//下面的表達(dá)式匹配從 < 到關(guān)閉h1標(biāo)記的 >之間的所有內(nèi)容
/<.*>/
//如果你只需要匹配開始的h1標(biāo)記，下面的非貪婪表達(dá)式只匹配

/<.*?>/

圓括號(hào)有一個(gè)副作用，那就是相關(guān)匹配會(huì)被緩存，此時(shí)可在在圓括號(hào)中加上?:在寫正則表達(dá)式

/(?:<.*>)/

不得不說這個(gè)是讓我迷惑的很久的坑

String.match(/<.+>/g)
這個(gè)是字符串方法，返回?cái)?shù)組，包括與正則表達(dá)式匹配的第一個(gè)或者所有字符串，是否返回多個(gè)值由修飾符g決定（不返回子表達(dá)式的匹配結(jié)果）

RegExp.exec(string)
這個(gè)是正則表達(dá)式對(duì)象的特有方法，返回一個(gè)數(shù)組。數(shù)組包含：正則表達(dá)式匹配到的第一個(gè)字符串，各個(gè)子字符串匹配到的字符串，另外還有兩個(gè)鍵值index與input，分別輸出匹配到的字符串的第一個(gè)字符的位置與被檢測(cè)的字符串。

所以想要輸出()的子字符串匹配的字符串必須要用exec，(?:)同樣也只要在用exec的時(shí)候才能檢測(cè)到效果。

介紹

這個(gè)可以取到各個(gè)子表示的結(jié)果，并且可以返回對(duì)應(yīng)的index值。擁有非常大的想象空間。比如我想獲
取"userName"："test"的值使用match，我們需要先匹配整個(gè)鍵值對(duì)，再對(duì)這個(gè)鍵值對(duì)進(jìn)行處理才能取到鍵值。而使用exec，通過子表達(dá)式，我們則直接可以獲取到鍵值。

當(dāng)然，exec有個(gè)蛋疼的地方是只能取到第一個(gè)匹配的字符串，也就是說修飾符g設(shè)置沒設(shè)置對(duì)他來說都一樣。

那我們?nèi)绾斡胑xec來全局匹配呢？

首先，我們來了解一下exec的一個(gè)特殊地方

當(dāng)exec執(zhí)行全局匹配模式時(shí)，exec的行為就略有變化。這時(shí)它會(huì)定義lastIndex屬性，以指定下一次執(zhí)行匹配時(shí)開始檢索字符串的位置。在找到了與表達(dá)式相匹配的文本之后，exec方法將把正則表達(dá)式的lastIndex屬性設(shè)置為下一次匹配執(zhí)行的第一個(gè)字符的位置。也就是說，可以通過反復(fù)地調(diào)用exec方法來遍歷字符串中的所有匹配文本。當(dāng)exec再也找不到匹配的文本時(shí)，將返回null，并且把屬性lastIndex重置為0。

var s = "Hello world Hello world";  // 測(cè)試使用的字符串直接量

var r = /Hello/g;    // 匹配模式 一定要加上修飾符g

while((a = r.exec(s)) != null){ // 循環(huán)執(zhí)行匹配操作

  console.log(a);
  console.log(r.lastIndex);
  /* 顯示每次匹配操作時(shí)返回的結(jié)果數(shù)組信息*/
}

測(cè)試結(jié)果

["Hello", index: 0, input: "Hello world Hello world Hello world"]
5
["Hello", index: 12, input: "Hello world Hello world Hello world"]
17

bingo，完成全局匹配。注意正則表達(dá)式，一定要加上修飾符g。要不然lastindex并不會(huì)改變，
循環(huán)會(huì)始終為真，不斷執(zhí)行。

這篇小結(jié)，也是花了好幾個(gè)小時(shí)去查資料，測(cè)試最后寫出來的，之前也看過許多正則的資料，卻始終停留在看看，認(rèn)為知道了，每次想起來的時(shí)候，又都忘了，前幾天，用的時(shí)候就手忙腳亂的邊查資料邊coding。終于認(rèn)識(shí)到了自己的學(xué)習(xí)方式給自己帶來的深刻問題。

其實(shí)，走上技術(shù)的路，時(shí)間也不短了。
但確實(shí)在技術(shù)學(xué)習(xí)的路上，有許多觀點(diǎn)，隨著時(shí)間與自身情況的變化，并未及時(shí)的更新。

曾經(jīng)，在決定未來走向的時(shí)候，為了海量的獲取信息來看到更遠(yuǎn)的未來，從而找尋一條能夠堅(jiān)定走下路。讀書與閱讀的時(shí)候，采用快速閱讀的方式，不去細(xì)細(xì)咀嚼，只覺得看過一遍，迅速了解擴(kuò)展視野，了解更多的東西就好。開始的時(shí)候，這種方式為我建立了認(rèn)知，獲得了遠(yuǎn)大于自身水平的視野。但是視野不曾有技術(shù)的支撐，只是一幢危樓而已。行之今日，這種學(xué)習(xí)方式暴露的問題，越來越大。后來，雖有意識(shí)，卻不曾有動(dòng)力予以改正。

幸得近來被人指正，得以真正意識(shí)到問題的嚴(yán)重性。

非自己所研究的方向，有一定認(rèn)識(shí)就好，用不著過度深入，采用快速閱讀的方式，自然是極好的。能夠快速建立認(rèn)識(shí)。但是真正自己的研究方向，發(fā)散性閱讀才是更好的方式，對(duì)于每個(gè)點(diǎn)，都不僅僅局限于理解這一個(gè)點(diǎn)，能夠另行查閱許多相關(guān)的資料，這樣的方式，看一本書讀懂一本書，并擴(kuò)展閱讀了許多相關(guān)的資料。這確實(shí)是更為行之有效的技術(shù)學(xué)習(xí)方式。而不像之前的方式，看似讀過，卻處處有漏洞，不曾真正的讀透一本書，希望臨到項(xiàng)目，臨到業(yè)務(wù)。再去真正實(shí)踐，去真正的掌握。是一種極為不靠譜的方式。

學(xué)習(xí)的方法的重要性，不亞于學(xué)習(xí)本身，也是值得我們?nèi)シ此疾⒏倪M(jìn)的。

正則表達(dá)式|菜鳥教程
W3Cschool正則表達(dá)式
使用exec增強(qiáng)正則表達(dá)式功能

WilsonLiu"s blog首發(fā)地址：http://blog.wilsonliu.cn