JavaScript——Regex

標籤：檢查   height   語句   對象   用戶端   元字元   java   伺服器端   常用   

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

Regex主要用來驗證用戶端的輸入資料。使用者填寫完表單單擊按鈕之後，表單就會 被發送到伺服器，在伺服器端通常會對其進行進一步處理。因為用戶端驗證，可以節約大量的伺服器端的系統資源，並且提供更好的使用者體驗

建立Regex

建立Regex提供了兩種方法

一種是採用 new 運算子

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

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

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

測試Regex

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

   test() 方法在字串中尋找是否存在指定的Regex並返回布爾值，如果存在則返回 true，不存 在則返回 false

   exec()方法也用於在字串中尋找指定Regex，如果 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 個使用Regex的方法

replace匹配到就返回替換後的字串，否則返回原字串

 

擷取控制

Regex元字元是包含特殊含義的字元。它們有一些特殊功能，可以控制匹配模式的方式。反斜線後的元字元將失去其特殊含義

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

var pattern = /[a-zA-Z0-9]oogle/;        //[a-zA-Z0-9]表示匹配大小寫a-zA-Z0-9var 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和4var 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個（）進行分組後，可以使用$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‘)+‘|‘);

5.簡單的電子郵件驗證

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

JavaScript——Regex