JavaScript筆記——正則表達式

正則表達式(regular expression)是一個描述字符模式的對象。JavaScript的 RegExp 類 表示正則表達式，而 String 和 RegExp 都定義了使用正則表達式進行強大的模式匹配和文本 檢索與替換的函數

正則表達式主要用來驗證客戶端的輸入數據。用戶填寫完表單單擊按鈕以後，表單就會 被髮送到服務器，在服務器端一般會對其進行進一步處理。由於客戶端驗證，能夠節約大量的服務器端的系統資源，而且提供更好的用戶體驗

建立正則表達式

建立正則表達式提供了兩種方法

一種是採用 new 運算符

var box = new RegExp('box'); //第一個參數字符串
var box = new RegExp('box', 'ig'); //第二個參數可選模式修飾符

另外一個是採用字面量方式(更爲推薦)

var box = /box/; //直接用兩個反斜槓
var box = /box/ig; //在第二個斜槓後面加上模式修飾符

測試正則表達式

1.RegExp對象包含兩個方法：test()和 exec()，用於測試字符串匹配

   test() 方法在字符串中查找是否存在指定的正則表達式並返回布爾值，若是存在則返回 true，不存 在則返回 false

   exec()方法也用於在字符串中查找指定正則表達式，若是 exec()方法執行成功，則返回包含該查找字符串的相關信息數組。若是執行失敗，則返回 null

text()方法

var pattern = /box/i; //建立正則模式，不區分大小寫
var str = 'This is a Box!';
alert(pattern.test(str));

或者使用一條語句實現正則匹配

alert(/box/i.test('This is a Box!')); //模式和字符串替換掉了兩個變量

exec()方法

var pattern = /box/i;
var str = 'This is a Box!';
alert(pattern.exec(str)); //匹配了返回數組，不然返回 null

 

2.String 對象也提供了 4 個使用正則表達式的方法

replace匹配到就返回替換後的字符串，不然返回原字符串

 

獲取控制

正則表達式元字符是包含特殊含義的字符。它們有一些特殊功能，能夠控制匹配模式的方式。反斜槓後的元字符將失去其特殊含義

有紅線的分類中紅線劃得是較爲經常使用的，沒有紅線的分類都較爲經常使用。這些分類的元字符均可以配合使用 , 對於特殊字符(如-，. 等)需使用"\"轉義

var pattern = /[a-zA-Z0-9]oogle/;        //[a-zA-Z0-9]表示匹配大小寫的a-zA-Z0-9
var str = 'oogle';
alert(pattern.test(str));

var pattern = /[^a-zA-Z0-9]oogle/;                //[^0-9]表示非0-9的任意字符
var str = '_oogle';
alert(pattern.test(str));

var pattern = /^[0-9]oogle/;                //這個^符號，是加在/後面的而不是[]裏面的,表示以0-9開頭,能夠在錨字符中看到  
var str = '444oogle';
alert(pattern.test(str));

 

 

var pattern = /goo\sgle/;            //\s表示空格匹配
var str = 'goo gle';
alert(pattern.test(str));

 

var pattern = /^[a-z]oogl[0-9]$/;        //^強制首匹配，$強制尾匹配            
var str = 'googl5';
alert(pattern.test(str));

 

 

var pattern = /g..gle/;                    //點符號表示匹配除了換行符外的任意字符
var str = 'g12gle';
alert(pattern.test(str));

var pattern = /go*gle/;                    //o*，表示0個，1個，或者多個o        
var str = 'gbbbgle';
alert(pattern.test(str));

var pattern = /go+gle/;                    //o+，表示1個，或者多個
var str = 'ggle';
alert(pattern.test(str));

var pattern = /go?gle/;                    //o?，表示1個，或者0個
var str = 'google';
alert(pattern.test(str));


var pattern = /g.?gle/;                    //.?，表示1個，或者0個的任意字符
var str = 'gbbgle';
alert(pattern.test(str));

var pattern = /go{2,4}gle/;            //o{2,4}表示匹配o2-4次，包含2和4
var str = 'google';
alert(pattern.test(str));

var pattern = /go{3}gle/;            //o{3}，表示只能限定爲3個            
var str = 'goooogle';
alert(pattern.test(str));

var pattern = /go{3,}gle/;            //o{3,}，表示爲3個或3個以上            
var str = 'goooooooooooooooooooogle';
alert(pattern.test(str));

 

分組|符號通常都必須用分組符號()包含起來

 

 

使用n個（）進行分組後，能夠使用RegExp['$n']得到分組中的內容

貪婪模式和惰性模式

默認都是貪婪模式，是指會一直匹配全部符合字符，而惰性模式會只匹配第一個符合的字符

只要在須要開啓惰性的地方後面加一個？就好了

 

例子

1.檢查特殊數字串

var box=/[1-9][0-9]{5}/;
var str='this is a 220400';            //必須6位，第一位不能是0，必須是數字
alert(box.test(str));

2.檢查文件名

var box=/^[\w\-]+\.(zip|rar|gz)$/;
var str='123-lz.zip';                 //檢查文件格式，以.zip,rar,gz爲拓展名
alert(box.test(str));

3.刪除多餘空格

var box=/\s/g;
var str='111 222 aaa BBB';            //去除空格
alert(str.replace(box,''));

4.刪除首尾空格

var box=/^\s+/;                       //較笨的方法
var str='     goog  le    ';          //去除首尾空格，中間空格不去掉
var result=str.replace(box,'');
box=/\s+$/;
result=result.replace(box,'');
alert('|'+result+'|');

var box=/^\s+(.+?)\s+$/;                //使用惰性(非貪婪)模式與exec得到匹配數組結合
var str='     goog  le    ';          //去除首尾空格，中間空格不去掉
var result=box.exec(str)[1];
alert('|'+result+'|');

var box=/^\s+(.+?)\s+$/;            //使用惰性(非貪婪)模式與string.replace替換成(.+?)的東西
var str='    goog   le    ';           //去除首尾空格，中間空格不去掉
alert('|'+str.replace(box,'$1')+'|');    //String的replace方法要直接寫$n進行比較替換

5.簡單的電子郵件驗證

var box=/^(^[a-zA-Z0-9].+)@([\w\-]+)\.([a-zA-Z0-9]{2,4})$/;
var str='a123456l-i@123.cn';                    //簡單驗證郵箱
alert(box.test(str));