摘要：字符串對(duì)象的方法返回替換后的值常用于消除首尾空格方法的第二個(gè)參數(shù)可以使用美元符號(hào)來(lái)指代所替換的內(nèi)容指代匹配的子字符串。與的區(qū)別在于當(dāng)正則表達(dá)式加了標(biāo)識(shí)符時(shí)，結(jié)果不同。

為了匹配規(guī)定模式的文本
為了守護(hù)世界的和平
我們是穿梭在銀河的正則表達(dá)式
就是這樣~喵~

好用的正則表達(dá)式可視化工具： https://regexper.com/

//字面量
var regExp1 = /pattern/flags;

//或用構(gòu)造函數(shù)
var regExp2 = new RegExp(pattern[, flags]);

pattern：正則表達(dá)式的匹配模式
flags：可選，正則表達(dá)式的標(biāo)識(shí)，也可選多個(gè)。g全局匹配，i忽略大小寫，m匹配多行

一顆超簡(jiǎn)單的栗子：

var regExp = /abc/;
"abcdefg".replace(regExp, "WOW"); // "WOWdefg"

預(yù)定義模式就是某些常用模式的簡(jiǎn)寫。

正則模式中，需要用斜杠轉(zhuǎn)義的:

* + ? $ ^ . |  ( ) { } [ ]

需要特別注意的是，如果使用RegExp方法生成正則對(duì)象，轉(zhuǎn)義需要使用兩個(gè)斜杠，因?yàn)樽址畠?nèi)部會(huì)先轉(zhuǎn)義一次。

舉個(gè)栗子說(shuō)  和 B :

"You are smart, but she is smarter.".replace(/smart/,"kind");
//"You are kind, but she is smarter."

"You are smart, but she is smarter.".replace(/smartB/,"kind");
//"You are smart, but she is kinder."

if(看不懂){ 就置幾動(dòng)手試試吧 (? ??_??)? }

默認(rèn)是貪婪模式匹配，即匹配盡可能多的字符。

var regExp1 = /d{3,6}/;
"1234567890".replace(regExp1, "X");
//"X7890"

若想手動(dòng)開(kāi)啟懶惰模式，需要在模式后加 ?

var regExp1 = /d{3,6}?/;
"1234567890".replace(regExp1, "X");
//"X4567890"

分組又叫“子表達(dá)式”，把完整的正則表達(dá)式分成一個(gè)個(gè)小組，然后反過(guò)來(lái)用“組號(hào)”去引用這些小組就叫“反向引用”。

用例子來(lái)說(shuō)：

//無(wú)分組
var regExp1 = /abc{2}/; //這樣量詞{2}只能匹配到c一個(gè)字符

//分組
var regExp2 = /(abc){2}/; //這樣量詞{2}就可以匹配到abc三個(gè)字符啦 
//同時(shí) abc 也有了一個(gè)組號(hào) $1

再看一個(gè)栗子：

var reg = /(d{1}).*(d{2}).*(d{3})/;
"1sss23sss456".replace(reg,"$1?$2?$3");
//"1?23?456"

上面的栗子換一種使用分組的方式：

var reg = /(d{1}).*(d{2}).*(d{3})/;
var result = reg.exec("1sss23sss456");
console.log(result[1]+"-"+result[2]+"-"+result[3]);
//"1-23-456"

組匹配非常有用，下面是一個(gè)匹配網(wǎng)頁(yè)標(biāo)簽的例子：

var tagName = /<([^>]+)>[^<]*/; // 1 就是第一個(gè)組匹配的內(nèi)容
tagName.exec("bold")[1]

上面代碼稍加修改，就可以捕獲帶有屬性的標(biāo)簽：

var html = "Helloworld";
var tag = /<(w+)([^>]*)>(.*?)/g;

var match = tag.exec(html);

match[1] // "b"
match[2] // " class="hello""
match[3] // "Hello"

match = tag.exec(html);

match[1] // "i"
match[2] // ""
match[3] // "world"

非捕獲組： (?:x) 表示不返回該組匹配的內(nèi)容，即匹配的結(jié)果中不出現(xiàn)這個(gè)括號(hào)。

測(cè)試當(dāng)前正則是否能匹配目標(biāo)字符串，返回布爾值。

var reg = /d{2}/;
var str = "1sss23sss456";
reg.test(str); //true

在目標(biāo)字符串中執(zhí)行一次正則匹配操作，返回匹配的子字符串。

var reg = /d{2}/;
var str = "1sss23sss456";
var result = reg.exec(str); 
result[0]; //23
result.index; //4
result.input; //"1sss23sss456"

返回一個(gè)字符串，其值為該正則對(duì)象的字面量形式。覆蓋了Object.prototype.toString() 方法。

var reg = /d{2}/;
reg.toString(); // "/d{2}/"

返回替換后的值

var reg = /d{2}/;
var str = "1sss23sss456";
str.replace(reg,"?"); //"1sss?sss456"

常用于消除首尾空格：

var str = "  abc def ggg   ";
str.replace(/^s+|s+$/g, "");
// "abc def ggg"

replace方法的第二個(gè)參數(shù)可以使用美元符號(hào)來(lái)指代所替換的內(nèi)容：

> $& 指代匹配的子字符串。
> $` 指代匹配結(jié)果前面的文本。
> $" 指代匹配結(jié)果后面的文本。
> $n 指代匹配成功的第n組內(nèi)容，n是從1開(kāi)始的自然數(shù)。
> $$ 指代美元符號(hào)$。

replace方法的第二個(gè)參數(shù)還可以是一個(gè)函數(shù)，將每一個(gè)匹配內(nèi)容替換為函數(shù)的返回值。這個(gè)函數(shù)可以接受多個(gè)參數(shù)，第一個(gè)參數(shù)是捕捉到的內(nèi)容，第二個(gè)參數(shù)開(kāi)始是捕捉到的組匹配（有多少個(gè)組匹配，就對(duì)應(yīng)有多少個(gè)參數(shù)）。此外，最后還可以添加兩個(gè)參數(shù)，倒數(shù)第二個(gè)是捕捉到的內(nèi)容在整個(gè)字符串中的位置，最后一個(gè)參數(shù)是原字符串。下面是一個(gè)網(wǎng)頁(yè)模板替換的例子：

var prices = {
  "pr_1": "$1.99",
  "pr_2": "$7.99",
  "pr_3": "$9.99",
};

var template = "";

template.replace(
  /()()/, 
  function(match, p1, p2, p3 ,p4) {
    return p1 + p2 + p3 + prices[p2] + p4;
  });
//$1.99

注意：第二個(gè)分組要加 ? 開(kāi)啟懶惰模式，否則正則表達(dá)式默認(rèn)的貪婪模式會(huì)匹配盡可能多的字符。貪婪模式下，上面的例子中第二個(gè)分組會(huì)匹配到pr_1">

與exec()的區(qū)別在于：當(dāng)正則表達(dá)式加了g標(biāo)識(shí)符時(shí)，結(jié)果不同?？蠢踝樱?/p>

var reg = /d{2}/g;
var str = "1sss23sss456";
reg.exec(str); //["23"]
str.match(reg); //["23","45"]

var reg = /d{2}/;
var str = "1sss23sss456";
str.search(reg); //4

var reg = /d{2}/;
var str = "1sss23sss456";
str.split(reg); //["1sss","sss","6"]

寫一個(gè)匹配手機(jī)號(hào)的正則（第一位是1，第二位是[3,4,5,7,8]中的一個(gè)，后面還有9位數(shù)字）

寫一個(gè)匹配 2017-01-01 或 2017/01/01 這兩種格式日期的正則表達(dá)式

/^1[34578]d{9}$/

/^d{4}[-/]d{2}[-/]d{2}$/

var re = /(w+)s(w+)/;
var str = "John Smith";
var newstr = str.replace(re, "$2, $1");
console.log(newstr); //Smith, John

var s = "Please yes
make my day!";
s.match(/yes.*day/); // null
s.match(/yes[^]*day/); //"yes
make my day"

var url = "http://xxx.domain.com";
console.log(/[^.]+/.exec(url)[0]); //  "http://xxx"
console.log(/[^.]+/.exec(url)[0].substr(7)); //  "xxx"