一、字符匹配攻略

• 橫向模糊匹配（貪婪模式）
• 縱向模糊匹配 [ ]
• 字符組 [ ] : 匹配一個字符
• 范圍表示法：比如 [123456abcdefGHIJKLM]霜浴，可以寫成 [1-6a-fG-M]够庙。用連字符 - 來省略和簡寫
• 排除字符組 ：例如 [^abc]恭应，表示是一個除 "a"、"b"耘眨、"c"之外的任意一個字 符昼榛。字符組的第一位放 ^(脫字符)，表示求反的概念剔难。
• 常見的簡寫形式

• 常見的量詞簡寫模式

• 貪婪匹配與惰性匹配

通過在量詞后面加個問號就能實(shí)現(xiàn)惰性匹配

TIP : 對惰性匹配的記憶方式是:量詞后面加個問號导俘，問一問你知足了嗎，你很貪婪嗎?

• 多選分支 : (p1|p2|p3)剔蹋，其中 p1旅薄、p2 和 p3 是子模式，用 |(管道符)分隔泣崩，表示其中任何之一

• 案列分析

// 匹配時間
var regex = /^(0?[0-9]|1[0-9]|[2][0-3]):(0?[0-9]|[1-5][0-9])$/; 
console.log( regex.test("23:59") );
console.log( regex.test("02:07") );
console.log( regex.test("7:9") );
  // => true
  // => true
  // => true

// 匹配id
var regex = /id=".*?"/ // 一定要加惰性匹配少梁，不然就是貪婪匹配，結(jié)果會錯誤的
var string = '<div id="container" class="main"></div>'; console.log(string.match(regex)[0]);
// => id="container"

或者如下

// 匹配id
var regex = /id="[^"]*"/  // 先匹配id="  然后匹配任何不是"的任意個字符 最后再匹配" 
var string = '<div id="container" class="main"></div>'; console.log(string.match(regex)[0]);
// => id="container"

二矫付、位置匹配攻略

• 關(guān)于位置的6個錨

• 案列分析

// 數(shù)字的千位分隔符表示法
var regex = /(?!^)(?=(\d{3})+$)/g;
var result = "12345678".replace(regex, ',') console.log(result);
// => "12,345,678"
result = "123456789".replace(regex, ','); console.log(result);
// => "123,456,789"

三、正則表達(dá)式括號的作用

• 分組： var regex = /(ab)+/g; 其中括號是提供分組功能脱篙，使量詞 + 作用于 "ab" 這個整體
• 分支結(jié)構(gòu): 而在多選分支結(jié)構(gòu) (p1|p2) 中娇钱，此處括號的作用也是不言而喻的，提供了分支表達(dá)式的所有可能
• 提取數(shù)據(jù)：可以從數(shù)組中獲取绊困，也可以從構(gòu)造函數(shù)餓全局屬性9來獲取

var regex = /(\d{4})-(\d{2})-(\d{2})/;
var string = "2017-06-12";
console.log( string.match(regex) );
// => ["2017-06-12", "2017", "06", "12", index: 0, input: "2017-06-12"]

match 返回的一個數(shù)組文搂，第一個元素是整體匹配結(jié)果，然后是各個分組(括號里)匹配的 NOTE 內(nèi)容秤朗，然后是匹配下標(biāo)煤蹭，最后是輸入的文本
另外也可以使用正則實(shí)例對象的 exec 方法

• 替換

// 比如，想把 yyyy-mm-dd 格式取视，替換成 mm/dd/yyyy
var regex = /(\d{4})-(\d{2})-(\d{2})/;
var string = "2017-06-12";
var result = string.replace(regex, "$2/$3/$1"); console.log(result);
// => "06/12/2017"

• 反向引用 ：\捕獲組編號

// 寫一個正則支持匹配如下三種格式
// 2016-06-12
// 2016/06/12
// 2016.06.12
var regex = /\d{4}(-|\/|\.)\d{2}\1\d{2}/; var string1 = "2017-06-12";
var string2 = "2017/06/12";
var string3 = "2017.06.12";
var string4 = "2016-06/12";
console.log( regex.test(string1) ); // true 
console.log( regex.test(string2) ); // true 
console.log( regex.test(string3) ); // true 
console.log( regex.test(string4) ); // false

• 分組后面有量詞: 分組后面有量詞的話硝皂，分組最終捕獲到的數(shù)據(jù)是最后一次的匹配

// 分組 (\d) 捕獲的數(shù)據(jù)是 "5"
 var regex = /(\d)+/;
var string = "12345";
console.log( string.match(regex) );
// => ["12345", "5", index: 0, input: "12345"]

var regex = /(\d)+ \1/;
console.log( regex.test("12345 1") ); // => false
console.log( regex.test("12345 5") ); // => true

• 非捕獲符號: (?:)只想要括號最原始的功能, 不會成為捕獲組
• 案例分析

// 字符串 trim 方法模擬
function trim(str) {
return str.replace(/^\s+|\s+$/g, '');
}
console.log( trim(" foobar ") ); // => "foobar"

// 字符串 trim 方法模擬
function trim (str) {
return str.replace(/^\s*(.*?)\s*$/g, "$1");
}
console.log( trim(" foobar ") );
// => "foobar"
// 這里使用了惰性匹配 *?，不然也會匹配最后一個空格之前的所有空格的

// 非捕獲組
// 將每個單詞的首字母轉(zhuǎn)換為大寫
function titleize (str) {
return str.toLowerCase().replace(/(?:^|\s)\w/g, function (c) {
return c.toUpperCase(); });
}
console.log( titleize('my name is epeli') ); 
// => "My Name Is Epeli"

四作谭、回溯法

簡單總結(jié)就是稽物，正因?yàn)橛卸喾N可能，所以要一個一個試折欠。直到贝或，要么到某一步時秧倾，整體匹配成功了;要么最后都試完后，發(fā)現(xiàn)整體匹配不成功傀缩。
貪婪量詞“試”的策略是:買衣服砍價。價錢太高了农猬，便宜點(diǎn)赡艰，不行，再便宜點(diǎn)斤葱。
惰性量詞“試”的策略是:賣東西加價慷垮。給少了，再多給點(diǎn)行不揍堕，還有點(diǎn)少啊料身，再給點(diǎn)。
分支結(jié)構(gòu)“試”的策略是:貨比三家衩茸。這家不行芹血，換一家吧，還不行楞慈，再換幔烛。

五、正則表達(dá)式的拆分

• 操作符

• 所有結(jié)構(gòu)里谈跛，用到的元字符總結(jié)如下:

^羊苟、$、.感憾、*蜡励、+、?阻桅、|凉倚、\、/嫂沉、(稽寒、)、[趟章、]杏糙、{慎王、}、=宏侍、!赖淤、:、- ,

六谅河、replace 是很強(qiáng)大的

總體來說 replace 有兩種使用形式咱旱，這是因?yàn)樗牡诙€參數(shù)，可以是字符串旧蛾，也可以是函數(shù)。 當(dāng)?shù)诙€參數(shù)是字符串時蠕嫁，如下的字符有特殊的含義:

屬性	描述
2,...,$99	匹配第 1-99 個 分組里捕獲的文本
$&	匹配到的子串文本
$`	匹配到的子串的左邊文本
$'	匹配到的子串的右邊文本
$$	美元符號

• 案例分析

// 把 "2,3,5"锨天，變成 "5=2+3"
var result = "2,3,5".replace(/(\d+),(\d+),(\d+)/, "$3=$1+$2"); 
console.log(result);
// => "5=2+3"

// 把 "2,3,5"，變成 "222,333,555"
var result = "2,3,5".replace(/(\d+)/g, "$&$&$&"); 
console.log(result);
// => "222,333,555"

// 把 "2+3=5"剃毒，變成 "2+3=2+3=5=5"
var result = "2+3=5".replace(/=/, "$&$`$&$'$&");
 console.log(result);
// => "2+3=2+3=5=5"