資訊專欄INFORMATION COLUMN
摘要：忽略大小寫全文查找出現(xiàn)的所有匹配字符多行查找全文查找忽略大小寫所以使用之后可以這樣寫表示忽略大小寫匹配或者正式入門正則正則其實(shí)就是用來匹配字符串的。惰性量詞使用方法基本量詞該量詞和貪婪量詞就像，一個是消極怠工，一個是積極工作。
以前看了許許多多的正則教程，收貨并不多，往往都是蜻蜓點(diǎn)水，一點(diǎn)就過。事實(shí)上，正則用處真的超級大，比如匹配innerHTML的內(nèi)容，以及表單驗(yàn)證，也是非他莫屬。這里，我結(jié)合js，對正則進(jìn)行一個簡單的介紹吧。 如有紕漏歡迎指出，希望大家多多包涵。
js與正則的關(guān)系在js中定義一個正則有兩種方法，一個是實(shí)例化，一個是字面量。
分別看一下:
//字面量
var re = /w+/; //這兩者等價
//實(shí)例化
var re = new RegExp("w+");
如果想添加一些flags也是沒有問題的。
比較常用的flag有。/i,/g,/ig,/m.
/i (忽略大小寫,ignore) /g (全文查找出現(xiàn)的所有匹配字符,global) /m (多行查找,multiLine) /ig(全文查找、忽略大小寫,ignore+global)
所以, 使用flag之后可以這樣寫.
var reg = ^d{5,12}i$ ;//表示忽略大小寫,匹配;
//或者
var reg = new RegExp(^d{5,12}i$);
正式入門正則
正則其實(shí)就是用來匹配字符串的。他用一個簡潔表達(dá)了，完成了你需要寫很多代碼的事，就和md(markdown)語法是一個道理。 用的人多了，自然成標(biāo)準(zhǔn)，這也是規(guī)則吧。
正則預(yù)定字符預(yù)定字符，就是用程序比較難表達(dá)的一些字符，比如回車鍵，tab鍵(通過空格來區(qū)分達(dá)到的效果).
常用的有:
| 字符 | 效果 |
|---|---|
| t | 制表符,其實(shí)就是一個“Tab”鍵 |
| r | 回車符,如果你使用過word應(yīng)該之后，在一個段落后面那個東西吧。 :) |
| n | 換行符，他和r是有故事的,等下說，我們繼續(xù) |
恩，大部分就是這幾個了。 上面提到 r和n，他們到底有什么卻別。 沒錯，看字面量，感覺return 不就是換行嗎？ 其實(shí)，這樣說沒錯，但是得區(qū)分系統(tǒng)，在Unix為擴(kuò)展的系統(tǒng)，在每行的結(jié)尾只有"n",而在window下則是:"rn"(順序不能換). 所以，為了解決系統(tǒng)的差異，就出現(xiàn)了兩種: r || n.
所以一般，我們匹配換行需要使用.r||n一起使用.
var reg = /[ ]/g;
這樣就能保證系統(tǒng)的兼容性.
字符類所謂的字符類同樣也是將你平常要花很多時間做出來的，集成為一個簡潔表達(dá)。(相當(dāng)于寫庫)。
常用的字符類有如下幾個。
| 字符 | 效果 |
|---|---|
| . | 匹配換行符以外的任意字符 |
| d | 匹配所有數(shù)字 |
| D | 匹配非數(shù)字 |
| s | 匹配一個空格符 |
| S | 匹配非空格 |
| w | 匹配字母數(shù)字下劃線=>其實(shí)就是匹配單詞word(簡單易懂) |
| W | 匹配!字母數(shù)字下劃線=>就是不匹配單詞 |
來我們看幾個例子
console.log(/s+/.test(" ")); //true
console.log(/d+/.test("1234231")); //true
console.log(/D+/.test(" ")); //true
其他的如上。
錨字符這個應(yīng)該算是正則里面，取名最好理解的一個。使用正則就是停船一樣，你需要設(shè)置你停的位置，我也需要設(shè)置我的邊界。
常用的有一下幾個:
| 錨字符 | 效果 |
|---|---|
| ^ | 匹配字符串的開頭，在多行檢索中，匹配一行的開頭 |
| $ | 匹配字符串的結(jié)尾，在多行檢索中，匹配一行的結(jié)尾 |
| b | 匹配一個單詞的邊界 |
| B | 匹配非單詞邊界 |
這幾個應(yīng)該算是我平常用的最多的幾個吧。
如果你想匹配整個字符串，就可以組合使用"^ $";
var reg = /^d+$/; //匹配整個字符串為數(shù)字量詞字符
"望文生義",這類字符使用來限定某某出現(xiàn)的次數(shù)的。
常用的有:
| 代碼 / 語法 | 說明 |
|---|---|
| * | 重復(fù)零次或更多次 |
| + | 重復(fù)一次或更多次 |
| ? | 重復(fù)零次或一次 |
| {n} | 重復(fù)n次 |
| {n,} | 重復(fù)n次或更多次 |
| {n, m} | 重復(fù)n到m次 |
這個應(yīng)該不用多說了。 直接看例子吧
console.log(/^d+$/.test("123")); //true
上面說了這么多內(nèi)置的字符，那我想使用特定字符類怎么辦嘞。其實(shí)也很簡單。使用""轉(zhuǎn)義字符。
比如我想匹配大括號."{}".我可以這樣用:
console.log(/{.+}/.test("{123}")); //true
但事實(shí)上，量詞還分為3種，有貪婪量詞，惰性量詞，支配性量詞。
區(qū)分的依據(jù)是根據(jù)引擎的解析不同而形成。
貪婪量詞
這類量詞指的就是上文所說的: *,+,?。
他的匹配方法就是，全文匹配，如果不成功，則，將末尾的最后一個字符減去，再匹配，如果還不成功，則，再減一次。只到為0。 接著，往中間移動一位，再進(jìn)行匹配，同樣的匹配模式。
console.log(/.+/.test("abcd")); //true
惰性量詞
使用方法： 基本量詞 ?
該量詞和貪婪量詞就像，一個是消極怠工，一個是積極工作。 惰性量詞一開始只會匹配一個字符，如果不成功，則在進(jìn)行匹配。
console.log(/d+?/.test("1fjkdf")); //true
這里闡述一些惰性和貪婪匹配的區(qū)別。
我們也通常把惰性稱為最少重復(fù)匹配。
舉個例子:
我們現(xiàn)在需要匹配blablablabla. 中的b~a間的詞。
使用貪婪匹配:
var str = "blablablabla"; console.log(str.match(/(b.*a)/g)); //["blablablabla"]
我們最少重復(fù)匹配(惰性匹配)
console.log(str.match(/(b.*?a)/g)); //["bla", "bla", "bla", "bla"]
支配性量詞
使用方法: 基本量詞 +;
該量詞就是只匹配一次，如果不符合則不匹配。
但是由于js不支持，所以，這里也不做過多的介紹。
正則: /d*+/;
其實(shí)上面只要留個印象就可以，只有當(dāng)你真正使用的時候，你才會有感觸。
OK!!!基本內(nèi)容說完了，現(xiàn)在輪到真正的進(jìn)階，big boom~
我們從小學(xué)學(xué)過來，老師告訴我們，我們使用括號有3種，一個是( ),一個是[],一個是{}.
而在正則里面，大括號已經(jīng)被量詞字符給強(qiáng)占了，只剩下[]和(). 這里我們來說一下，中括號.
[],在正則里面代表的是一個單元字符，或者我寧愿叫他"或"括號. 因?yàn)樗鸬降闹饕饔镁褪牵憧梢云ヅ溥@個或者匹配那個或者...
吃個栗子:
var reg = /[abc]/;
console.log(reg.test("a")); //true
可以看出，reg可以匹配 a|b|c. 平常使用的時候，可以直接向一個字符使用就可以了。
異或表達(dá)
這里會出現(xiàn)一個問題，比如，我不想匹配a,b,c中的任意一個該怎么辦呢？ 其實(shí)，只需要在"[]"里面加上"^"即可。
console.log(/[^abc]/.test("c")); //false
范圍字符
范圍字符，就是可以省略一些周所周知的。 比如匹配26英文字母可以直接使用：a-z. 因?yàn)槲覀円呀?jīng)都知道了這個的意義。
其實(shí)，上面所說的字符類完全就可以使用中括號來代替。
d => [0-9] w => [0-9a-zA-Z_] S => [^ x0Bf ] (f標(biāo)識分頁符) ...
另外這個范圍字符還有一個好處,就是匹配中文。(電腦都是外國人發(fā)明的呀。)
console.log(/[u4e00-u9fa5]{1}/.test("艸")); //true
這就是中括號的常用用法。
小括號使用小括號的主要作用其實(shí)就是分組。平常是用來提取匹配到的字符串。
分組使用
使用()對內(nèi)容進(jìn)行區(qū)分。
console.log(/(jimmy)+/.test("jimmy")); //true
而且，配合使用match方法，可以獲得匹配到的內(nèi)容.(這里不加括號也是可以的).
var name = "My name is Jimmy"; console.log(name.match(/(Jimmy)/g)); //["Jimmy"]
需要注意在括號里面寫正則和沒有括號的時候，是沒有區(qū)別的。我們可以在()內(nèi)嵌套你想加的。(如果你想嵌套()的話，Sorry，這樣并沒有什么卵用).
var name = "My name is Jimmy Jimy"; console.log(name.match(/(Jimm?y)/g)); //["Jimmy", "Jimy"]
候選(或)
這個就相當(dāng)于將括號加上一個或的功能. 即，在()里面使用"|"進(jìn)行分隔。
var name = "My name is Jimmy sam"; var reg = /(jimmy|sam)+?/ig; console.log(name.match(reg)); //["jimmy","sam"]
反向引用
這個名字我真心不理解，什么"反向"... 我寧愿叫做，給分組加上標(biāo)識符。這個的主要功能，就是給匹配到的小括號加上數(shù)字，來表明他是第幾個匹配到的。如果不加，則默認(rèn)從左到右的順序?yàn)?,2,3...
var reg = /(100)1/; var reg2 = /(100)(99)(101)123/; //1=>100,2=>99,3=>101
在js中，通常是和replace搭配，才有威力。
var reg = /(100) (99)/; var str = "100 99"; console.log(str.replace(reg,"$2 $1")); //99 100
總而言之, 小括號就是讓你使用分組的匹配. 說回來,分組有什么用呢？
實(shí)際上就是讓你的正則看起來更短而已.
看個demo你就懂分組的意義了:
var str = "name jimmy"; console.log(str.match(/(w+)s+1/)); // 這里的1 實(shí)際上就是前面的(w+) //得到的結(jié)果為 null. 因?yàn)閚ame 不能匹配到j(luò)immy所以為null var str = "jimmy jimmy"; console.log(str.match(/(w+)s+1/)); //得到的結(jié)果為 jimmy。 因?yàn)?w匹配到的為jimmy,所以為jimmy
上面那種方法叫做后向引用. 另外, 我們還可以顯示的使用命名. 即:(?
不過在perl 系列的正則中是使用(?P< xx>) 和 g
我們直接使用 "(...)"進(jìn)行的匹配是捕獲分組。 我們來說一下什么叫捕獲. 上文中我們使用match進(jìn)行正則匹配，而返回的數(shù)組中的元素就是通過正則捕獲的內(nèi)容。 這就叫捕獲。
那這里的非捕獲，是什么意思呢？ 其實(shí)很簡單，就是通過match不會匹配到內(nèi)容。但還是可以起到分組的效果。
格式為: (?:xxx)
它最常用的地方就是匹配html.
