摘要：正則表達(dá)式中可以使用編碼。每個(gè)正則表達(dá)式可帶有一個(gè)或者多個(gè)標(biāo)注用以標(biāo)明正則表達(dá)式的行為。其中表示匹配項(xiàng)在字符串中的位置，而表示應(yīng)用字符串表達(dá)式的字符串。方法正則表達(dá)式常用方法，它接受一個(gè)字符串參數(shù)。

正則表達(dá)式非常有用，查找、匹配、處理字符串、替換和轉(zhuǎn)換字符串，輸入輸出等。下面整理一些常用的正則表達(dá)式。

ECMAScript通過(guò)RegExp類(lèi)型支持正則表達(dá)式，如下：

var expression = /pattern/flags;

其中的模式（pattern）部分可以是任何簡(jiǎn)單或者復(fù)雜的正則表達(dá)式，可以包含字符類(lèi)、限定符、分組、向前查找以及反向引用。每個(gè)正則表達(dá)式可帶有一個(gè)或者多個(gè)標(biāo)注（flags）,用以標(biāo)明正則表達(dá)式的行為。有三個(gè)一下標(biāo)志：

g：表示全局模式,即模式將被應(yīng)用到所有字符串，而非在發(fā)現(xiàn)第一個(gè)匹配項(xiàng)時(shí)立即停止。

i：表示不區(qū)分大小寫(xiě)模式。

m：表示多行模式，即在到達(dá)一行文本末尾時(shí)還在繼續(xù)查找下一行中是否存在于模式匹配的項(xiàng)。

例如：匹配第一個(gè)bat或者cat,不區(qū)分大小寫(xiě)

var pattern = /[bc]at/i;

它接收兩個(gè)參數(shù)：一個(gè)是要匹配的字符串模式，另一個(gè)是可選的標(biāo)志字符串?？梢允褂米置媪慷x的任何表達(dá)式，都可以使用構(gòu)造函數(shù)來(lái)定義，還是以上面的例子為例：

var pattern = new RegExp("[bc]at","i");

注意:RegExp構(gòu)造函數(shù)模式參數(shù)時(shí)字符串，所以再某些情況下要對(duì)字符進(jìn)項(xiàng)雙重轉(zhuǎn)義。所有元字符都必須雙重轉(zhuǎn)義，如字面量模式為/[bc]at/,那么等價(jià)的字符串為"/[bc]at/"

例子：

var re = null,
    i;
    for(i=0; i < 10; i++){
        re = /cat/g;
        console.log(re.test("catastrophe"));
    }
    for(i=0; i < 10; i++){
        re = new RegExp("cat","g");
        console.log(re.test("catastrophe"));
    }

打印結(jié)果都為10個(gè)true

該方法是專(zhuān)門(mén)為捕獲組而設(shè)計(jì)的，其接受一個(gè)參數(shù)，即要應(yīng)用模式的字符串，然后返回包含第一個(gè)匹配項(xiàng)信息的數(shù)組；或者在沒(méi)有匹配項(xiàng)的情況下返回null。返回的數(shù)組雖然是Array的實(shí)例，但是包含兩個(gè)額外的屬性：index和input。其中index表示匹配項(xiàng)在字符串中的位置，而input表示應(yīng)用字符串表達(dá)式的字符串。
例：

var text = "mom and dad and baby";
var pattern = /mom( and dad( and baby)?)?/gi;
var matches = pattern.exec(text);
console.log(matches.index); //0
console.log(matches.input); //mom and dad and baby
console.log(matches[0]);    //mom and dad and baby
console.log(matches[1]);    //and dad and baby
console.log(matches[2]);    //and baby

對(duì)于exec()方法而言，即使在模式中設(shè)置了全局標(biāo)志g，它每次也只是返回一個(gè)匹配項(xiàng)。在不設(shè)置全局標(biāo)志的情況下，在同一個(gè)字符串上多次調(diào)用exec()方法將始終返回第一個(gè)匹配項(xiàng)的信息。而在設(shè)置全局標(biāo)志的情況下，每次調(diào)用exec()則都會(huì)在字符串中繼續(xù)查找新匹配項(xiàng)，如下例子：

var text = "cat, bat, sat, fat";
var pattern1 = /.at/;

var matches = pattern1.exec(text);
console.log(matches.index); //0
console.log(matches[0]);  //cat
console.log(pattern1.lastIndex); //0

matches = pattern1.exec(text);
console.log(matches.index); //0
console.log(matches[0]);  //cat
console.log(pattern1.lastIndex); //0

var pattern2 = /.at/g;

var matches = pattern2.exec(text);
console.log(matches.index); //0
console.log(matches[0]);  //cat
console.log(pattern2.lastIndex); //3

var matches = pattern2.exec(text);
console.log(matches.index); //5
console.log(matches[0]);  //bat
console.log(pattern2.lastIndex); //8

注意：IE的JavaScript實(shí)現(xiàn)lastIndex屬性上存在偏差，即使在非全局模式下，lastIndex屬性每次也都在變化。

正則表達(dá)式常用方法test()，它接受一個(gè)字符串參數(shù)。在模式與該參數(shù)匹配的情況下返回true，否則返回false。

用法：正則.test(字符串)

例1：判斷是否是數(shù)字

var str = "374829348791";
var re = /D/;      //  D代表非數(shù)字
if( re.test(str) ){   // 返回true,代表在字符串中找到了非數(shù)字。
    alert("不全是數(shù)字");
}else{
    alert("全是數(shù)字");
}

例2：

var text ="000-00-0000";
var pattern = /d{3}-d{2}-d{4}/;
if(pattern.test(text)){
    console.log("the pattern was matched.");
}

在字符串搜索符合正則的內(nèi)容，搜索到就返回出現(xiàn)的位置（從0開(kāi)始，如果匹配的不只是一個(gè)字母，那只會(huì)返回第一個(gè)字母的位置）， 如果搜索失敗就返回 -1

用法：字符串.search(正則)

例子：在字符串中找字母b，且不區(qū)分大小寫(xiě)

var str = "abcdef";
var re = /B/i;
//var re = new RegExp("B","i"); 也可以這樣寫(xiě)
alert( str.search(re) ); // 1

獲取正則匹配到的結(jié)果，以數(shù)組的形式返回

用法： 字符串.match(正則)

例如：

"186a619b28".match(/d+/g); // ["186","619","28"] 

replace 本身是JavaScript字符串對(duì)象的一個(gè)方法，它允許接收兩個(gè)參數(shù)：

replace([RegExp|String],[String|Function])
第1個(gè)參數(shù)可以是一個(gè)普通的字符串或是一個(gè)正則表達(dá)式.
第2個(gè)參數(shù)可以是一個(gè)普通的字符串或是一個(gè)回調(diào)函數(shù).

如果第2個(gè)參數(shù)是回調(diào)函數(shù)，每匹配到一個(gè)結(jié)果就回調(diào)一次，每次回調(diào)都會(huì)傳遞以下參數(shù)：

result: 本次匹配到的結(jié)果

$1,...$9: 正則表達(dá)式中有幾個(gè)()，就會(huì)傳遞幾個(gè)參數(shù)，$1~$9分別代表本次匹配中每個(gè)()提取的結(jié)果，最多9個(gè)

offset:記錄本次匹配的開(kāi)始位置

source:接受匹配的原始字符串

以下是replace和JS正則搭配使用的幾個(gè)常見(jiàn)經(jīng)典案例：

（1）實(shí)現(xiàn)字符串的trim函數(shù)，去除字符串兩邊的空格

String.prototype.trim = function(){
 
  //方式一：將匹配到的每一個(gè)結(jié)果都用""替換
  return this.replace(/(^s+)|(s+$)/g,function(){
    return "";
  });
 
  //方式二：和方式一的原理相同
  return this.replace(/(^s+)|(s+$)/g,"");
};

^s+ 表示以空格開(kāi)頭的連續(xù)空白字符，s+$ 表示以空格結(jié)尾的連續(xù)空白字符，加上() 就是將匹配到的結(jié)果提取出來(lái)，由于是 | 的關(guān)系，因此這個(gè)表達(dá)式最多會(huì)match到兩個(gè)結(jié)果集，然后執(zhí)行兩次替換：

String.prototype.trim = function(){
  /**
   * @param rs：匹配結(jié)果
   * @param $1:第1個(gè)()提取結(jié)果
   * @param $2:第2個(gè)()提取結(jié)果
   * @param offset:匹配開(kāi)始位置
   * @param source：原始字符串
   */
  this.replace(/(^s+)|(s+$)/g,function(rs,$1,$2,offset,source){
    //arguments中的每個(gè)元素對(duì)應(yīng)一個(gè)參數(shù)
    console.log(arguments);
  });
};
 
" abcd ".trim();

輸出結(jié)果：

[" ", " ", undefined, 0, " abcd "] //第1次匹配結(jié)果
[" ", undefined, " ", 5, " abcd "] //第2次匹配結(jié)果

（2）提取瀏覽器url中的參數(shù)名和參數(shù)值，生成一個(gè)key/value的對(duì)象

function getUrlParamObj(){
  var obj = {};
  //獲取url的參數(shù)部分
  var params = window.location.search.substr(1);
  //[^&=]+ 表示不含&或=的連續(xù)字符，加上()就是提取對(duì)應(yīng)字符串
  params.replace(/([^&=]+)=([^&=]*)/gi,function(rs,$1,$2){
    obj[$1] = $2;
  });
 
  return obj;
}

/([^&=]+)=([^&=]*)/gi 每次匹配到的都是一個(gè)完整key/value,形如 xxxx=xxx, 每當(dāng)匹配到一個(gè)這樣的結(jié)果時(shí)就執(zhí)行回調(diào)，并傳遞匹配到的key和value，對(duì)應(yīng)到$1和$2

（3）在字符串指定位置插入新字符串

String.prototype.insetAt = function(str,offset){
 
  //使用RegExp()構(gòu)造函數(shù)創(chuàng)建正則表達(dá)式
  var regx = new RegExp("(.{"+offset+"})");
 
  return this.replace(regx,"$1"+str);
};
 
"abcd".insetAt("xyz",2); //在b和c之間插入xyz
//結(jié)果 "abxyzcd"

當(dāng)offset=2時(shí)，正則表達(dá)式為：(^.{2}) .表示除 之外的任意字符，后面加{2} 就是匹配以數(shù)字或字母組成的前兩個(gè)連續(xù)字符，加()就會(huì)將匹配到的結(jié)果提取出來(lái)，然后通過(guò)replace將匹配到的結(jié)果替換為新的字符串，形如：結(jié)果=結(jié)果+str

（4） 將手機(jī)號(hào)12988886666轉(zhuǎn)化成129 8888 6666

function telFormat(tel){
 
  tel = String(tel);
 
  //方式一
  return tel.replace(/(d{3})(d{4})(d{4})/,function (rs,$1,$2,$3){
    return $1+" "+$2+" "+$3
  });
 
  //方式二
  return tel.replace(/(d{3})(d{4})(d{4})/,"$1 $2 $3");
}

(d{3}d{4}d{4}) 可以匹配完整的手機(jī)號(hào)，并分別提取前3位、4-7位和8-11位，"$1 $2 $3" 是在三個(gè)結(jié)果集中間加空格組成新的字符串，然后替換完整的手機(jī)號(hào)。

匹配第一個(gè)bat或者cat,不區(qū)分大小寫(xiě)： /[bc]at/i 或者 new RegExp("[bc]at","i");

匹配所有以"at"結(jié)尾的3個(gè)字符組合，不區(qū)分大小寫(xiě)：/.at/gi;

只能輸入數(shù)字：^[0-9]*$;

只能輸入n位的數(shù)字：^d{n}$

只能輸入至少n位的數(shù)字：^d{n,}$

只能輸入m~n位的數(shù)字：^d{m,n}$

只能輸入零和非零開(kāi)頭的數(shù)字：^(0|[1-9][0-9]*)$

只能輸入有兩位小數(shù)的正實(shí)數(shù)：^[0-9]+(.[0-9]{2})?$

只能輸入有1~3位小數(shù)的正實(shí)數(shù)：^[0-9]+(.[0-9]{1,3})?$

只能輸入非零的正整數(shù)：^+?[1-9][0-9]*$

只能輸入長(zhǎng)度為3的字符：^.{3}$

只能輸入由26個(gè)英文字母組成的字符串：^[A-Za-z]+$

只能輸入由數(shù)字和26個(gè)英文字母組成的字符串：^[A-Za-z0-9]+$

只能輸入由數(shù)字、26個(gè)英文字母或者下劃線組成的字符串：^w+$

驗(yàn)證用戶(hù)密碼：以字母開(kāi)頭，長(zhǎng)度在6~18之間，只能包含字符、數(shù)字和下劃線：^[a-zA-Z]w{5,17}$

驗(yàn)證是否含有^%&",;=?$"等字符：[^%&",;=?$x22]+

只能輸入漢字：^[u4e00-u9fa5]{0,}$

驗(yàn)證Email地址：^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$

驗(yàn)證InternetURL：^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$

驗(yàn)證身份證號(hào)（15位或18位數(shù)字）：^d{15}|d{18}$

驗(yàn)證IP地址：^((2[0-4]d|25[0-5]|[01]?dd?).){3}(2[0-4]d|25[0-5]|[01]?dd?)$

匹配兩個(gè)兩個(gè)重疊出現(xiàn)的字符 例如，"aabbc11asd"， 返回結(jié)果為aa bb 11三組match：(w)1

匹配成對(duì)的HTML標(biāo)簽：<(?[^s>]+)[^>]*>.*>

匹配1-58之間的數(shù)字：/^([1-9]|[1-5][0-8])$/

匹配 -90至90之間的整數(shù)（包括-90和90）：^(-?[1-8][0-9]|-?[1-9]|-?90|0)$
匹配收尾空白字符：^s+|s+$
中文，全角，半角匹配：

str="中文;；ａ"    
  alert(str.match(/[u0000-u00ff]/g))     //半角  
  alert(str.match(/[u4e00-u9fa5]/g))     //中文  
  alert(str.match(/[uff00-uffff]/g))     //全角

找重復(fù)項(xiàng)最多的字符個(gè)數(shù)：

var str = "assssjdssskssalsssdkjsssdss";

var arr = str.split(""); //把字符串轉(zhuǎn)換為數(shù)組
str = arr.sort().join(""); //首先進(jìn)行排序，這樣結(jié)果會(huì)把相同的字符放在一起，然后再轉(zhuǎn)換為字符串
//alert(str);  // aaddjjkklsssssssssssssssss

 var value = "";
 var index = 0; 
var re = /(w)1+/g;  //匹配字符，且重復(fù)這個(gè)字符，重復(fù)次數(shù)至少一次。
str.replace(re,function($0,$1){ 
   //alert($0);   代表每次匹配成功的結(jié)果 : aa dd jj kk l sssssssssssssssss
     //alert($1);  代表每次匹配成功的第一個(gè)子項(xiàng)，也就是w:  a d j k l S 
　　
    if(index<$0.length){  //如果index保存的值小于$0的長(zhǎng)度就進(jìn)行下面的操作
          index = $0.length;  // 這樣index一直保存的就在最大的長(zhǎng)度
           value = $1;  //value保存的是出現(xiàn)最多的這個(gè)字符
    }

}); 

alert("最多的字符:"+value+",重復(fù)的次數(shù):"+index);  // s   17

判斷是不是QQ號(hào)：
//^ : 放在正則的最開(kāi)始位置，就代表起始的意思，注意 /¹ / 和 /^[a]/是不一樣的，前者是排除的意思，后者是代表首位。

//$ : 正則的最后位置 , 就代表結(jié)束的意思

//首先想QQ號(hào)的規(guī)則 
      1 首位不能是0 
      2 必須是 5-12位的數(shù)字
   
    var aInput = document.getElementsByTagName("input");
    var re = /^[1-9]d{4,11}$/;
    //123456abc為了防止出現(xiàn)這樣的情況，所以必須限制最后
    //首位是0-9，接著是4-11位的數(shù)字類(lèi)型。
aInput[1].onclick = function(){
    if( re.test(aInput[0].value) ){
        alert("是QQ號(hào)");
    }else{
        alert("不是QQ號(hào)");
    }

};

去掉前后空格（面試題經(jīng)常出現(xiàn)）：

var str = "  hello  ";
alert( "("+trim(str)+")" );//為了看出區(qū)別所以加的括號(hào)。 (hello)
function trim(str){
   var re = /^s+|s+$/g; // |代表或者   s代表空格  +至少一個(gè)    前面有至少一個(gè)空格 或者后面有至少一個(gè)空格 且全局匹配
  return str.replace(re,""); //把空格替換成空
}

常用的一些表單校驗(yàn)：

匹配中文：[u4e00-u9fa5] //中文ACALL碼的范圍
行首行尾空格：^s*|s*$ //首行出現(xiàn)任意個(gè)空格或者尾行出現(xiàn)任意個(gè)空格（任意表示也可以沒(méi)有空格）

Email：^w+@[a-z0-9]+(.[a-z]+){1,3}$  
      //起始至少為一個(gè)字符(w字母，數(shù)字或者下劃線)，然后匹配@,接著為任意個(gè)字母或者數(shù)字，.代表真正的點(diǎn)，.后面為至少一個(gè)的字符（a-z）,同時(shí)這個(gè)(比如.com)整體為一個(gè)子項(xiàng)作為結(jié)束，可以出現(xiàn)1-3次。因?yàn)橛械泥]箱是這樣的.cn.net。（xxxx.@qq.com xxxx.@163.com xxxx.@16.cn.net ）

網(wǎng)址：[a-zA-z]+://[^s]*   http://......
  //匹配不分大小寫(xiě)的任意字母，接著是//,后面是非空格的任意字符

郵政編碼：[1-9]d{5}  //起始數(shù)字不能為0，然后是5個(gè)數(shù)字
身份證：[1-9]d{14}|[1-9]d{17}|[1-9]d{16}x

可參考地址：
精通 JS正則表達(dá)式
精通正則表達(dá)式- 讀書(shū)筆記
過(guò)目不忘JS正則表達(dá)式