正則表達(dá)式

正則表達(dá)式(Regular Expression)，使用單個(gè)字符串來(lái)描述座掘、匹配一系列匹配某個(gè)法規(guī)則的字符串递惋。簡(jiǎn)單來(lái)說(shuō)就是按照某種規(guī)則去匹配符合條件的字符串。

可視化正則表達(dá)式工具

javascript 通過(guò)內(nèi)置函數(shù)對(duì)象 RegExp 支持正則表達(dá)式溢陪，有兩種方法實(shí)例化 RegExp 對(duì)象：

1. 字面量
2. 構(gòu)造函數(shù)

//字面量方式
var reg = /\bis\b/;
'He is a boy. This is a dog. Where is she?'.replace(reg,'IS');
//He IS a boy. This is a dog. Where is she?

var reg = /\bis\b/g;
'He is a boy. This is a dog. Where is she?'.replace(reg,'IS');
//He IS a boy. This IS a dog. Where IS she?

//構(gòu)造函數(shù)
var reg = new RegExp('\\bis\\b');
'He is a boy. This is a dog. Where is she?'.replace(reg,'IS');
//He IS a boy. This is a dog. Where is she?

var reg = new RegExp('\\bis\\b','g');
'He is a boy. This is a dog. Where is she?'.replace(reg,'IS');
//He IS a boy. This IS a dog. Where IS she?

修飾符

• g:global全文搜索萍虽，不添加，搜索到第一個(gè)匹配停止
• i:ignore case 忽略大小寫形真，默認(rèn)大小寫敏感
• m multiple lines 多行搜索

'He is a boy. Is she?'.replace(/\bis\b/g,'0');
//He 0 a boy. Is she?

'He is a boy. Is she?'.replace(/\bis\b/gi,'0');
//He 0 a boy. 0 she?

元字符

正則表達(dá)式由兩種基本字符類型組成：

• 原義文本字符
• 元字符：在正則表達(dá)式中含有特殊含義的非字母字符

字符類

• 一般情況下正則表達(dá)式一個(gè)字符對(duì)應(yīng)字符串一個(gè)字符
• 表達(dá)式ab\t的含義是
  ab\t

• 可以使用元字符[]來(lái)構(gòu)建一個(gè)簡(jiǎn)單的類（指符合某些特性的對(duì)象杉编，一個(gè)泛指，而不是特指某個(gè)字符）
• 表達(dá)式[abc]把字符a或b或c歸為一類咆霜，表達(dá)式可以匹配這類的字符
  [abc]

'a1b2c3d4'.replace(/[abc]/g,'x');//x1x2x3d4

字符類取反

• 使用元字符^創(chuàng)建反向類/負(fù)向類（即不屬于某類的內(nèi)容）
• 表達(dá)式[^abc]表示不是字符a或b或c的內(nèi)容
  [^abc]

'a1b2c3d4'.replace(/[^abc]/g,'x');//axbxcxxx

范圍類

• 使用[a-z]來(lái)連接兩個(gè)字符表示從a 到z的任意字符（這是個(gè)閉區(qū)間邓馒，即包含a和z本身）
  [a-z]

'a1b2c3d4z9'.replace(/[a-z]/g,'Q')//Q1Q2Q3Q4Q9

'a1b2c3d4z9KJFD'.replace(/[a-zA-Z]/g,'Q')//Q1Q2Q3Q4Q9QQQQ

'2016-09-21'.replace(/[0-9]/g,'A');//AAAA-AA-AA

'2016-09-21'.replace(/[0-9-]/g,'A');//AAAAAAAAAA

預(yù)定義類

//匹配一個(gè)ab + 數(shù)字 + 任意字符 的字符串
ab[0-9][^\r\n]  == ab\d.

邊界

'This is a boy'.replace(/is/g,"0")绒净；//Th0 0 a boy

'This is a boy'.replace(/\bis\b/g,"0")；//This 0 a boy

'This is a boy'.replace(/\Bis\b/g,"0")偿衰；//Th0 is a boy

'@123@abc@'.replace(/@./g,"Q");//Q23Qbc@

'@123@abc@'.replace(/^@./g,"Q");//Q23@abc@

'@123@abc@'.replace(/.@/g,"Q");//Q12QabQ

'@123@abc@'.replace(/.@$/g,"Q");//@123@abQ

var mulSrt = "@123
@456
@789
";
mulSrt.replace(/^@\d/g,"X");
/*x23
  @456
  @789*/

mulSrt.replace(/^@\d/gm,"X");
/*X23
  X56
  X89*/

量詞

\d{20}\w\d?\w+\d*\d{3}\w{3,5}\d{3,}

\d{20}\w\d?\w+\d*\d{3}\w{3,5}\d{3,}

貪婪模式

一般情況下挂疆，正則表達(dá)式在匹配過(guò)程中會(huì)盡可能多的匹配

"12345678".replace(/\d{3,6}/g,"X");//X78

非貪婪模式

讓正則表達(dá)式盡可能少的匹配，就是說(shuō)一旦成功匹配不再繼續(xù)嘗試下翎。在量詞后加上+即可

"123456789".match(/\d{3,5}?/g,"X");//["123", "456", "789"]

"12345678".replace(/\d{3,6}?/g,"X");//XX78

分組

使用()可以達(dá)到分組的功能缤言，使量詞作用于分組
(Byron){3}:

(Byron){3}

Byron{3}:

Byron{3}

"a1b2c3d4".replace(/[a-z]\d{3}/g,"x");//a1b2c3d4

"a1b2c3d4".replace(/([a-z]\d){3}/g,"x");//xd4

或

使用|可以達(dá)到或的效果

'ByronCasper'.replace(/Byron|Casper/g,"x")//xx

'ByronsperByrCasper'.replace(/Byr(on)|(Ca)sper/g,"x")//xsperByrx

反向引用

'2016-11-23'.replace(/(\d{4})-(\d{2})-(\d{2})/g,'$2/$3/$1');//11/23/2016

忽略分組

不希望捕獲分組，只需要在分組內(nèi)加上?:就可以
(?:Byron).(ok):

(?:Byron).(ok)

前瞻

正則表達(dá)式從文本頭部向尾部開始解析视事，文本尾部方向胆萧，稱為“前”。前瞻就是正則表達(dá)式匹配到規(guī)則的時(shí)候，向前檢查是否符合斷言跌穗，后顧/后瞻方向相反订晌。

• javascript 不支持后顧
• 符合和不符合特定斷言稱為肯定/正向匹配和否定/負(fù)向匹配

'a2*34vv'.replace(/\w(?=\d)/g,'x');//x2*x4vv

對(duì)象屬性

• global：是否全文搜索，默認(rèn)false
• ignore case:是否大小寫敏感蚌吸，默認(rèn)false
• multiline :多行搜索,默認(rèn)false
• lastIndex:當(dāng)前表達(dá)式匹配內(nèi)容的最后一個(gè)字符的下一個(gè)位置
• source:正則表達(dá)式的文本字符串

var reg1 = /\w/;
var reg2 = /\w/gim;

console.log(reg1.global);//false
console.log(reg1.ignoreCase);//false
console.log(reg1.multiline);//false
console.log(reg1.source);//\w

console.log(reg2.global);//true
console.log(reg2.ignoreCase);//true
console.log(reg2.multiline);//true
console.log(reg2.source);//\w
//以上屬性為只讀狀態(tài)

test 和 exec方法

RegExp.prototype.test(str)

用于測(cè)試字符串參數(shù)中是否存在匹配正則表達(dá)式模式的字符串锈拨，存在返回true，反之羹唠，返回false

var reg1 = /\w/;
var reg2 = /\w/g;

reg1.test('a');//true
reg1.test('$');//false

reg2.test('ab');//true,重復(fù)執(zhí)行多遍時(shí)奕枢，結(jié)果可能為false

while(reg2.test('ab')){
  console.log(reg2.lastIndex);
  //1
  //2
}

RegExp.prototype.exec(str)

使用正則表達(dá)式模式對(duì)字符串執(zhí)行搜索，并將更新全局RegExp對(duì)象的屬性以反映匹配結(jié)果佩微。如果沒(méi)有匹配文本則返回null,否則返回一個(gè)結(jié)果數(shù)組：

• index:聲明匹配文本的第一個(gè)字符的位置
• input：存放被檢索的字符串string

非全局調(diào)用

• 調(diào)用非全局的RegExp對(duì)象的exec()時(shí)缝彬，返回?cái)?shù)組
• 第一個(gè)元素：與正則表達(dá)式匹配的文本
• 第二元素：與RegExpObject的第一個(gè)子表達(dá)式相匹配的文本（如果有的話）
• 第三元素：與RegExpObject的第二個(gè)子表達(dá)式相匹配的文本（如果有的話），以此類推

var reg3 = /\d(\w)\d/;
var reg4 = /\d(\w)\d/g;
var ts = '
$1az2bb3cy4dd5ee';

var ret = reg3.exec(ts);

console.log(reg3.lastIndex + "\t" + ret.index + "\t" +ret.toString());
//0 1 1az2,a,z
console.log(reg3.lastIndex + "\t" + ret.index + "\t" +ret.toString());
//0 1 1az2,a,z(非全局搜索哺眯，lastIndex 不生效)
while(ret = reg4.exec(ts)){
  console.log(reg4.lastIndex + "\t" + ret.index + "\t" +ret.toString());
// 5 1 1az2,a,z
//11 7 3cy4,c,y
}

字符串對(duì)象方法

String.prototype.search(reg)

用于檢索字符串中指定的子字符串谷浅，或檢索與正則表達(dá)式相匹配的子字符串，返回第一個(gè)匹配結(jié)果index,查不到返回-1族购。不執(zhí)行全局匹配壳贪，總是從字符串的開始進(jìn)行檢索陵珍。

'a1b2c3d41'.search('1');//1
'a1b2c3d41'.search('10');//-1
'a1b2c3d41'.search(/1/);//1
'a1b2c3d41'.search(/1/g);//1

String.prototype.match(reg)

將檢索字符串寝杖，找到一個(gè)或多個(gè)與regexp匹配的文本，regexp有無(wú)g標(biāo)志互纯，對(duì)結(jié)果有影響瑟幕。

非全局調(diào)用

沒(méi)有標(biāo)志g，match()只能在字符串中執(zhí)行一次匹配留潦，如果沒(méi)有找到匹配文本返回null,否則將返回?cái)?shù)組只盹，其中存放與它找到的匹配文本有關(guān)的信息：

• 第一元素：匹配文本，而其余的元素存放的是與正則表達(dá)式的子表達(dá)式匹配的文本
• index:聲明匹配文本的起始字符在字符串的位置
• input：對(duì)stringObject的引用

var reg3 = /\d(\w)\d/;
var reg4 = /\d(\w)\d/g;
var ts = '$1a2b3c4d5e';

var ret = ts.match(reg3);
console.log(ret);//['1a2',a]
console.log(ret.index + '\t' + reg3.lastIndex);//1 0

ret = ts.match(reg4);
console.log(ret);//['1a2','3c4']
console.log(ret.index + '\t' + reg4.lastIndex);//undefined 0

全局調(diào)用

有g(shù)標(biāo)志的match()方法將執(zhí)行全局檢索兔院，找到字符串中所有匹配子字符串殖卑，沒(méi)有找到返回null,找到則返回?cái)?shù)組。數(shù)組中存放所有匹配的子字符串坊萝，沒(méi)有index和input屬性孵稽。

String.prototype.split(reg)

'a1b2c3d4'.split(/\d/g);//[a,b,c,d]

String.prototype.replace()

• String.prototype.replace(str,replaceStr)
• String.prototype.replace(reg,replaceStr)
• String.prototype.replace(reg,function)

function會(huì)在每次匹配的時(shí)候調(diào)用，有四個(gè)參數(shù)：

• 匹配字符串
• 正則表達(dá)式分組內(nèi)容十偶，沒(méi)有分組則沒(méi)有改參數(shù)
• 匹配項(xiàng)在字符串中的index
• 原字符串

'a1b2c3d4e5'.replace(/\d/g,function(match,index,origin){
  console.log(index);
  return parseInt(match) + 1;
})


'a1b2c3d4e5'.replace(/(\d)(\w)(\d)/g,function(match,group1,group2,group3,index,origin){
  console.log(match);
return group1 + group2;
})