貪婪與懶惰
貪婪: 盡可能匹配最長的字符串
懶惰: 匹配滿足條件的第一個字符串

懶惰限定符

a.*?b匹配最短的，以a開始，以b結(jié)束的字符串。如果把它應(yīng)用于aabab的話，它會匹配aab（第一到第三個字符）和ab（第四到第五個字符）

為什么第一個匹配是aab（第一到第三個字符）而不是ab（第二到第三個字符）？簡單地說，因為正則表達式有另一條規(guī)則，比懶惰／貪婪規(guī)則的優(yōu)先級更高：最先開始的匹配擁有最高的優(yōu)先權(quán)——The match that begins earliest wins。

match

語法: str.match(reg), 參數(shù)可傳入字符串或者正則表達式.
關(guān)鍵注意正則表達式是否攜帶g, 判斷實現(xiàn)全局匹配.

如果匹配成功, 返回匹配的值, 取返回數(shù)據(jù)的[0]元素; 如果失敗,返回null

var str = "aaabbbcccffffdeeefff";
strResult = str.match(/aaa(S*)fff/);
console.log(strResult);
/*
返回一個類數(shù)組, 可使用Array.prototype.slice.call(strResult)轉(zhuǎn)化為真正的數(shù)組
["aaabbbcccffffdeeefff", "bbbcccffffdeee", index: 0, input: "aaabbbcccffffdeeefff", groups: undefined]
["原字符串",            "截取出來的字符串",  "位置編碼",  "輸入",                   "組"]
*/

exec

語法:reg.exec(str)
檢索字符串中指定的值。匹配成功返回一個數(shù)組，匹配失敗返回null。

test

直接用來判斷是否正確, 比較簡單

compile

compile() 方法用于改變 RegExp。
compile() 既可以改變檢索模式，也可以添加或刪除第二個參數(shù)。

var reg=/hello/;
console.log(reg.exec("hellojs"));//["hello"]
reg.compile("Hello");
console.log(reg.exec("hellojs"));//null
reg.compile("Hello","i");
console.log(reg.exec("hellojs"));//["hello"]

相似點:
match和exec在匹配成功時返回的都是數(shù)組，在沒有匹配上時返回的都是null

不同點
1.全局匹配
當(dāng)不使用全局匹配的時候,match和exec基本一致

var s = "aaa bbb ccc";
var reg = /w+/;//沒有g(shù)
var rs_match = s.match(reg);
var rs_exec = reg.exec(s);
console.log("match:",rs_match);
console.log("exec:",rs_exec);

當(dāng)使用全局匹配的時候,match和exec返回數(shù)據(jù)不同
match直接以數(shù)組的形式返回匹配的所有數(shù)據(jù)
exec返回的數(shù)據(jù)的格式和未使用全局匹配一致, 但是是逐個匹配目標(biāo)字符串. 返回的index下標(biāo)能夠獲取第幾個匹配的初始位置.

var s = "aaa bbb ccc";
var reg = /w+/g;//有g(shù)
var rs_match1 = s.match(reg);
var rs_match2 = s.match(reg);
var rs_exec1 = reg.exec(s);
var rs_exec2 = reg.exec(s);
console.log("match1:",rs_match1);
console.log("match2:",rs_match1);
console.log("exec1:",rs_exec1);
console.log("exec2:",rs_exec2);

2.分組
無全局匹配分組時，match和exec返回結(jié)果相同。
由于正則表達式采用了括號分組，所以在返回匹配結(jié)果的同時，依次返回該結(jié)果的所有分組, 如上面示例str.match(/aaa(S*)fff/)返回結(jié)果, 類數(shù)組的第二個元素就是分組(()中的數(shù)據(jù))的元素.

var s = "aaa1 bbb2 ccc3";
var reg = /(w+)(d{1})/;//兩個分組，無g
var rs_match1 = s.match(reg);
var rs_match2 = s.match(reg);
var rs_exec1 = reg.exec(s);
var rs_exec2 = reg.exec(s);
console.log("match1:",rs_match1);
console.log("match2:",rs_match1);
console.log("exec1:",rs_exec1);
console.log("exec2:",rs_exec2);

全局匹配分組時，match和exec返回結(jié)果不同。
match會返回所有匹配到的結(jié)果；
exec會返回本次匹配到的結(jié)果，若表達式中出現(xiàn)分組，則會依次返回本次匹配的全部分組：

var s = "aaa1 bbb2 ccc3";
var reg = /(w+)(d{1})/g;
var rs_match1 = s.match(reg);
var rs_match2 = s.match(reg);
var rs_exec1 = reg.exec(s);
var rs_exec2 = reg.exec(s);
var rs_exec3 = reg.exec(s);
var rs_exec4 = reg.exec(s);
console.log("match1:",rs_match1);
console.log("match2:",rs_match1);
console.log("exec1:",rs_exec1);
console.log("exec2:",rs_exec2);
console.log("exec3:",rs_exec3);
console.log("exec4:",rs_exec4);

正則表達式構(gòu)造函數(shù)：new RegExp("pattern"[,"flags"]);
正則表達式替換變量函數(shù)：stringObj.replace(RegExp, replace Text);

//下面的例子用來獲取url的兩個參數(shù)，并返回urlRewrite之前的真實Url
var reg=new RegExp("(http://www.qidian.com/BookReader/)(d+),(d+).aspx","gmi");
var url="http://www.qidian.com/BookReader/1017141,20361055.aspx";

//方式一,最簡單常用的方式
var rep=url.replace(reg,"$1ShowBook.aspx?bookId=$2&chapterId=$3");
console.log(rep); // http://www.qidian.com/BookReader/ShowBook.aspx?bookId=1017141&chapterId=20361055

//方式二 ,采用固定參數(shù)的回調(diào)函數(shù)
var rep2=url.replace(reg,function(m,p1,p2,p3){
  console.log("mmmm => ", m, p1,p2,p3)
  return p1+"ShowBook.aspx?bookId="+p3+"&chapterId="+p3
});
alert(rep2);

//方式三，采用非固定參數(shù)的回調(diào)函數(shù)
var rep3=url.replace(reg,function(){var args=arguments; return args[1]+"ShowBook.aspx?bookId="+args[2]+"&chapterId="+args[3];});
alert(rep3);

//方法四
//方式四和方法三很類似, 除了返回替換后的字符串外，還可以多帶帶獲取參數(shù)
var bookId;
var chapterId;
function capText()
{
    var args=arguments;
    bookId=args[2];
    chapterId=args[3];
    return args[1]+"ShowBook.aspx?bookId="+args[2]+"&chapterId="+args[3];
}

var rep4=url.replace(reg,capText);
alert(rep4);
alert(bookId);
alert(chapterId);

//使用test方法獲取分組
var reg3=new RegExp("(http://www.qidian.com/BookReader/)(d+),(d+).aspx","gmi");
reg3.test("http://www.qidian.com/BookReader/1017141,20361055.aspx");
//獲取三個分組
console.log(RegExp.$0)
console.log(RegExp.$1); // http://www.qidian.com/BookReader/
console.log(RegExp.$2); // 1017141
console.log(RegExp.$3); // 20361055

探究js正則匹配方法：match和exec

正則表達式30分鐘入門教程