碼上快樂

相關內容    簡體    繁體

js 正則表達式精確匹配（02）

本文轉載自   查看原文   2012-07-25 10:50   5642 

•測試字符串的某個模式。例如，可以對一個輸入字符串進行測試，看在該字符串是否存在一個電話號碼模式或一個信用卡號碼模式。這稱為數據有效性驗證
•替換文本。可以在文檔中使用一個正則表達式來標識特定文字，然后可以全部將其刪除，或者替換為別的文字
•根據模式匹配從字符串中提取一個子字符串。可以用來在文本或輸入字段中查找特定文字

正則表達式語法
一個正則表達式就是由普通字符（例如字符 a 到 z）以及特殊字符（稱為元字符）組成的文字模式。該模式描述在查找文字主體時待匹配的一個或多個字符串。正則表達式作為一個模板，將某個字符模式與所搜索的字符串進行匹配。

創建正則表達式

Js代碼
  1. var re = new RegExp();//RegExp是一個對象,和Aarray一樣
  2. //但這樣沒有任何效果,需要將正則表達式的內容作為字符串傳遞進去
  3. re =new RegExp("a");//最簡單的正則表達式,將匹配字母a
  4. re=new RegExp("a","i");//第二個參數,表示匹配時不分大小寫 
var re = new RegExp();//RegExp是一個對象,和Aarray一樣//但這樣沒有任何效果,需要將正則表達式的內容作為字符串傳遞進去re =new RegExp("a");//最簡單的正則表達式,將匹配字母are=new RegExp("a","i");//第二個參數,表示匹配時不分大小寫

 

RegExp構造函數第一個參數為正則表達式的文本內容,而第一個參數則為可選項標志.標志可以組合使用

•g （全文查找）
•i （忽略大小寫）
•m （多行查找）

 

Js代碼
  1. var re = new RegExp("a","gi");//匹配所有的a或A 
var re = new RegExp("a","gi");//匹配所有的a或A


正則表達式還有另一種正則表達式字面量的聲明方式

Js代碼
  1. var re = /a/gi; 
var re = /a/gi;

 

和正則表達式相關的方法和屬性


正則表達式對象的方法

•test,返回一個 Boolean 值，它指出在被查找的字符串中是否存在模式。如果存在則返回 true，否則就返回 false。
•exec,用正則表達式模式在字符串中運行查找，並返回包<script type="text/javascript" src="http://www.javaeye.com/javascripts/tinymce/themes/advanced/langs/zh.js"></script><script type="text/javascript" src="http://www.javaeye.com/javascripts/tinymce/plugins/javaeye/langs/zh.js"></script>含該查找結果的一個數組。
•compile,把正則表達式編譯為內部格式，從而執行得更快。
正則表達式對象的屬性

•source,返回正則表達式模式的文本的復本。只讀。
•lastIndex,返回字符位置，它是被查找字符串中下一次成功匹配的開始位置。
•$1...$9,返回九個在模式匹配期間找到的、最近保存的部分。只讀。
•input ($_),返回執行規范表述查找的字符串。只讀。
•lastMatch ($&),返回任何正則表達式搜索過程中的最后匹配的字符。只讀。
•lastParen ($+),如果有的話，返回任何正則表達式查找過程中最后括的子匹配。只讀。
•leftContext ($`),返回被查找的字符串中從字符串開始位置到最后匹配之前的位置之間的字符。只讀。
•rightContext ($'),返回被搜索的字符串中從最后一個匹配位置開始到字符串結尾之間的字符。只讀。
String對象一些和正則表達式相關的方法

•match,找到一個或多個正則表達式的匹配。
•replace,替換與正則表達式匹配的子串。
•search,檢索與正則表達式相匹配的值。
•split,把字符串分割為字符串數組。


測試正則表達式是如何工作的!

Js代碼
  1. //test方法,測試字符串,符合模式時返回true,否則返回false
  2. var re = /he/;//最簡單的正則表達式,將匹配he這個單詞
  3. var str = "he";
  4. alert(re.test(str));//true
  5. str = "we";
  6. alert(re.test(str));//false
  7. str = "HE";
  8. alert(re.test(str));//false,大寫,如果要大小寫都匹配可以指定i標志(i是ignoreCase或case-insensitive的表示)
  9. re = /he/i;
  10. alert(re.test(str));//true
  11. str = "Certainly!He loves her!";
  12. alert(re.test(str));//true,只要包含he(HE)就符合,如果要只是he或HE,不能有其它字符,則可使用^和$
  13. re = /^he/i;//脫字符(^)代表字符開始位置
  14. alert(re.test(str));//false,因為he不在str最開始
  15. str = "He is a good boy!";
  16. alert(re.test(str));//true,He是字符開始位置,還需要使用$
  17. re = /^he$/i;//$表示字符結束位置
  18. alert(re.test(str));//false
  19. str = "He";
  20. alert(re.test(str));//true
  21. //當然,這樣不能發現正則表達式有多強大,因為我們完全可以在上面的例子中使用==或indexOf
  22. re = /\s/;// \s匹配任何空白字符，包括空格、制表符、換頁符等等
  23. str= "user Name";//用戶名包含空格
  24. alert(re.test(str));//true
  25. str = "user Name";//用戶名包含制表符
  26. alert(re.test(str));//true
  27. re=/^[a-z]/i;//[]匹配指定范圍內的任意字符,這里將匹配英文字母,不區分大小寫
  28. str="variableName";//變量名必須以字母開頭
  29. alert(re.test(str));//true
  30. str="123abc";
  31. alert(re.test(str));//false 
//test方法,測試字符串,符合模式時返回true,否則返回falsevar re = /he/;//最簡單的正則表達式,將匹配he這個單詞var str = "he";alert(re.test(str));//truestr = "we";alert(re.test(str));//falsestr = "HE";alert(re.test(str));//false,大寫,如果要大小寫都匹配可以指定i標志(i是ignoreCase或case-insensitive的表示)re = /he/i;alert(re.test(str));//truestr = "Certainly!He loves her!";alert(re.test(str));//true,只要包含he(HE)就符合,如果要只是he或HE,不能有其它字符,則可使用^和$re = /^he/i;//脫字符(^)代表字符開始位置alert(re.test(str));//false,因為he不在str最開始str = "He is a good boy!";alert(re.test(str));//true,He是字符開始位置,還需要使用$re = /^he$/i;//$表示字符結束位置alert(re.test(str));//falsestr = "He";alert(re.test(str));//true//當然,這樣不能發現正則表達式有多強大,因為我們完全可以在上面的例子中使用==或indexOfre = /\s/;// \s匹配任何空白字符，包括空格、制表符、換頁符等等str= "user Name";//用戶名包含空格alert(re.test(str));//truestr = "userName";//用戶名包含制表符alert(re.test(str));//truere=/^[a-z]/i;//[]匹配指定范圍內的任意字符,這里將匹配英文字母,不區分大小寫str="variableName";//變量名必須以字母開頭alert(re.test(str));//truestr="123abc";alert(re.test(str));//false

 

當然,僅僅知道了字符串是否匹配模式還不夠,我們還需要知道哪些字符匹配了模式

 

Js代碼
  1. var osVersion = "Ubuntu 8";//其中的8表示系統主版本號
  2. var re = /^[a-z]+\s+\d+$/i; //+號表示字符至少要出現1次,\s表示空白字符,\d表示一個數字
  3. alert(re.test(osVersion));//true,但我們想知道主版本號
  4. //另一個方法exec,返回一個數組,數組的第一個元素為完整的匹配內容
  5. re=/^[a-z]+\s+\d+$/i;
  6. arr = re.exec(osVersion);
  7. alert(arr[0]);//將osVersion完整輸出,因為整個字符串剛好匹配re
  8. //我只需要取出數字
  9. re=/\d+/;
  10. var arr = re.exec(osVersion);
  11. alert(arr[0]);//8
var osVersion = "Ubuntu 8";//其中的8表示系統主版本號var re = /^[a-z]+\s+\d+$/i; //+號表示字符至少要出現1次,\s表示空白字符,\d表示一個數字alert(re.test(osVersion));//true,但我們想知道主版本號//另一個方法exec,返回一個數組,數組的第一個元素為完整的匹配內容re=/^[a-z]+\s+\d+$/i;arr = re.exec(osVersion);alert(arr[0]);//將osVersion完整輸出,因為整個字符串剛好匹配re//我只需要取出數字re=/\d+/;var arr = re.exec(osVersion);alert(arr[0]);//8

 

更復雜的用法,使用子匹配

Js代碼
  1. //exec返回的數組第1到n元素中包含的是匹配中出現的任意一個子匹配
  2. re=/^[a-z]+\s+(\d+)$/i;//用()來創建子匹配
  3. arr =re.exec(osVersion);
  4. alert(arr[0]);//整個osVersion,也就是正則表達式的完整匹配
  5. alert(arr[1]);//8,第一個子匹配,事實也可以這樣取出主版本號
  6. alert(arr.length);//2
  7. osVersion = "Ubuntu 8.10";//取出主版本號和次版本號
  8. re = /^[a-z]+\s+(\d+)\.(\d+)$/i;//.是正則表達式元字符之一,若要用它的字面意義須轉義
  9. arr = re.exec(osVersion);
  10. alert(arr[0]);//完整的osVersion
  11. alert(arr[1]);//8
  12. alert(arr[2]);//10
//exec返回的數組第1到n元素中包含的是匹配中出現的任意一個子匹配re=/^[a-z]+\s+(\d+)$/i;//用()來創建子匹配arr =re.exec(osVersion);alert(arr[0]);//整個osVersion,也就是正則表達式的完整匹配alert(arr[1]);//8,第一個子匹配,事實也可以這樣取出主版本號alert(arr.length);//2osVersion = "Ubuntu 8.10";//取出主版本號和次版本號re = /^[a-z]+\s+(\d+)\.(\d+)$/i;//.是正則表達式元字符之一,若要用它的字面意義須轉義arr = re.exec(osVersion);alert(arr[0]);//完整的osVersionalert(arr[1]);//8alert(arr[2]);//10

 

注意,當字符串不匹配re時,exec方法將返回null

String對象的一些和正則表達式有關的方法

Js代碼
  1. //replace方法,用於替換字符串
  2. var str ="some money";
  3. alert(str.replace("some","much"));//much money
  4. //replace的第一個參數可以為正則表達式
  5. var re = /\s/;//空白字符
  6. alert(str.replace(re,"%"));//some%money
  7. //在不知道字符串中有多少空白字符時,正則表達式極為方便
  8. str ="some some \tsome\t\f";
  9. re = /\s+/;
  10. alert(str.replace(re,"#"));//但這樣只會將第一次出現的一堆空白字符替換掉
  11. //因為一個正則表達式只能進行一次匹配,\s+匹配了第一個空格后就退出了
  12. re = /\s+/g;//g,全局標志,將使正則表達式匹配整個字符串
  13. alert(str.replace(re,"@"));//some@some@some@
  14. var str = "ADF9DF9DF9", //那個文本文件中的字符串;
    re = /9/gi, //匹配9
    counter = 0; //計數器 var newstr =
    str = str.replace(re, function() {
    counter++; //每出現一次匹配,函數就被執行一次,函數的返回值用來替換原值
    return "#";
    });
    alert("替換次數: "+counter);
    //alert(str);
    //最后str 變成 ADF#DF#DF#"
    var str = "他今年22歲，她今年20歲，他的爸爸今年45歲，她的爸爸今年44歲，一共有4人"
    function test($1) {
    var gyear = (new Date()).getYear() - parseInt($1) + 1;
    return $1 + "(" + gyear + "年出生)";
    }
    // var reg = new RegExp("(http://www.cnblogs.com/sgivee/admin/file://d/+)歲", "g");
    var reg = /(\d+)歲/gi;
    var newstr = str.replace(reg, test);
    //alert(str);
    //alert(newstr);

  16. //另一個與之相似的是split
  17. var str = "a-bd-c";
  18. var arr = str.split("-");//返回["a","bd","c"]
  19. //如果str是用戶輸入的,他可能輸入a-bd-c也可能輸入a bd c或a_bd_c,但不會是abdc(這樣就說他輸錯了)
  20. str = "a_db-c";//用戶以他喜歡的方式加分隔符s
  21. re=/[^a-z]/i;//前面我們說^表示字符開始,但在[]里它表示一個負字符集
  22. //匹配任何不在指定范圍內的任意字符,這里將匹配除字母處的所有字符
  23. arr = str.split(re);//仍返回["a","bd","c"];
  24. //在字符串中查找時我們常用indexOf,與之對應用於正則查找的方法是search
  25. str = "My age is 18.Golden age!";//年齡不是一定的,我們用indexOf不能查找它的位置
  26. re = /\d+/;
  27. alert(str.search(re));//返回查找到的字符串開始下標10
  28. //注意,因為查找本身就是出現第一次就立即返回,所以無需在search時使用g標志
  29. //下面的代碼雖然不出錯,但g標志是多余的
  30. re=/\d+/g;
  31. alert(str.search(re));//仍然是10 
//replace方法,用於替換字符串var str ="some money";alert(str.replace("some","much"));//much money//replace的第一個參數可以為正則表達式var re = /\s/;//空白字符alert(str.replace(re,"%"));//some%money//在不知道字符串中有多少空白字符時,正則表達式極為方便str ="some some \tsome\t\f";re = /\s+/;alert(str.replace(re,"#"));//但這樣只會將第一次出現的一堆空白字符替換掉//因為一個正則表達式只能進行一次匹配,\s+匹配了第一個空格后就退出了re = /\s+/g;//g,全局標志,將使正則表達式匹配整個字符串alert(str.replace(re,"@"));//some@some@some@//另一個與之相似的是splitvar str = "a-bd-c";var arr = str.split("-");//返回["a","bd","c"]//如果str是用戶輸入的,他可能輸入a-bd-c也可能輸入a bd c或a_bd_c,但不會是abdc(這樣就說他輸錯了)str = "a_db-c";//用戶以他喜歡的方式加分隔符sre=/[^a-z]/i;//前面我們說^表示字符開始,但在[]里它表示一個負字符集//匹配任何不在指定范圍內的任意字符,這里將匹配除字母處的所有字符arr = str.split(re);//仍返回["a","bd","c"];//在字符串中查找時我們常用indexOf,與之對應用於正則查找的方法是searchstr = "My age is 18.Golden age!";//年齡不是一定的,我們用indexOf不能查找它的位置re = /\d+/;alert(str.search(re));//返回查找到的字符串開始下標10//注意,因為查找本身就是出現第一次就立即返回,所以無需在search時使用g標志//下面的代碼雖然不出錯,但g標志是多余的re=/\d+/g;alert(str.search(re));//仍然是10


注意,當search方法沒有找到匹配時,將返回-1

 

類似於exec方法,String對象的match方法也用於將字符串與正則表達式進行匹配並返回結果數組

 

Js代碼
  1. var str = "My name is CJ.Hello everyone!";
  2. var re = /[A-Z]/;//匹配所有大寫字母
  3. var arr = str.match(re);//返回數組
  4. alert(arr);//數組中只會包含一個M,因為我們沒有使用全局匹配
  5. re = /[A-Z]/g;
  6. arr = str.match(re);
  7. alert(arr);//M,C,J,H
  8. //從字符串中抽取單詞
  9. re = /\b[a-z]*\b/gi;//\b表示單詞邊界
  10. str = "one two three four";
  11. alert(str.match(re));//one,two,three,four 
var str = "My name is CJ.Hello everyone!";var re = /[A-Z]/;//匹配所有大寫字母var arr = str.match(re);//返回數組alert(arr);//數組中只會包含一個M,因為我們沒有使用全局匹配re = /[A-Z]/g;arr = str.match(re);alert(arr);//M,C,J,H//從字符串中抽取單詞re = /\b[a-z]*\b/gi;//\b表示單詞邊界str = "one two three four";alert(str.match(re));//one,two,three,four

 

RegExp對象實例的一些屬性

Js代碼
  1. var re = /[a-z]/i;
  2. alert(re.source);//將[a-z]字符串輸出
  3. //請注意,直接alert(re)會將正則表達式連同前向斜線與標志輸出,這是re.toString方法定義的
var re = /[a-z]/i;alert(re.source);//將[a-z]字符串輸出//請注意,直接alert(re)會將正則表達式連同前向斜線與標志輸出,這是re.toString方法定義的

 

每個RegExp對象的實例具有lastIndex屬性,它是被查找字符串中下一次成功匹配的開始位置,默認值是-1。 lastIndex 屬性被 RegExp 對象的 exec 和 test 方法修改.並且它是可寫的.

Js代碼
  1. var re = /[A-Z]/;
  2. //exec方法執行后,修改了re的lastIndex屬性,
  3. var str = "Hello,World!!!";
  4. var arr = re.exec(str);
  5. alert(re.lastIndex);//0,因為沒有設置全局標志
  6. re = /[A-Z]/g;
  7. arr = re.exec(str);
  8. alert(re.lastIndex);//1
  9. arr = re.exec(str);
  10. alert(re.lastIndex);//7
var re = /[A-Z]/;//exec方法執行后,修改了re的lastIndex屬性,var str = "Hello,World!!!";var arr = re.exec(str);alert(re.lastIndex);//0,因為沒有設置全局標志re = /[A-Z]/g;arr = re.exec(str);alert(re.lastIndex);//1arr = re.exec(str);alert(re.lastIndex);//7

 

當匹配失敗（后面沒有匹配），或lastIndex值大於字符串長度時，再執行exec等方法會將lastIndex設為0(開始位置)

Js代碼
  1. var re = /[A-Z]/;
  2. var str = "Hello,World!!!";
  3. re.lastIndex = 120;
  4. var arr = re.exec(str);
  5. alert(re.lastIndex);//0
var re = /[A-Z]/;var str = "Hello,World!!!";re.lastIndex = 120;var arr = re.exec(str);alert(re.lastIndex);//0

 

RegExp對象的靜態屬性

Js代碼
  1. //input 最后用於匹配的字符串（傳遞給test,exec方法的字符串）
  2. var re = /[A-Z]/;
  3. var str = "Hello,World!!!";
  4. var arr = re.exec(str);
  5. alert(RegExp.input);//Hello,World!!!
  6. re.exec("tempstr");
  7. alert(RegExp.input);//仍然是Hello,World!!!,因為tempstr不匹配
  8. //lastMatch 最后匹配的字符
  9. re = /[a-z]/g;
  10. str = "hi";
  11. re.test(str);
  12. alert(RegExp.lastMatch);//h
  13. re.test(str);
  14. alert(RegExp["$&"]);//i ,$&是lastMatch的短名字，但由於它不是合法變量名，所以要。。
  15. //lastParen 最后匹配的分組
  16. re = /[a-z](\d+)/gi;
  17. str = "Class1 Class2 Class3";
  18. re.test(str);
  19. alert(RegExp.lastParen);//1
  20. re.test(str);
  21. alert(RegExp["$+"]);//2
  22. //leftContext 返回被查找的字符串中從字符串開始位置到最后匹配之前的位置之間的字符
  23. //rigthContext 返回被搜索的字符串中從最后一個匹配位置開始到字符串結尾之間的字符
  24. re = /[A-Z]/g;
  25. str = "123ABC456";
  26. re.test(str);
  27. alert(RegExp.leftContext);//123
  28. alert(RegExp.rightContext);//BC456
  29. re.test(str);
  30. alert(RegExp["$`"]);//123A
  31. alert(RegExp["$'"]);//C456
//input 最后用於匹配的字符串（傳遞給test,exec方法的字符串）var re = /[A-Z]/;var str = "Hello,World!!!";var arr = re.exec(str);alert(RegExp.input);//Hello,World!!!re.exec("tempstr");alert(RegExp.input);//仍然是Hello,World!!!,因為tempstr不匹配//lastMatch 最后匹配的字符re = /[a-z]/g;str = "hi";re.test(str);alert(RegExp.lastMatch);//hre.test(str);alert(RegExp["$&"]);//i  ,$&是lastMatch的短名字，但由於它不是合法變量名，所以要。。//lastParen 最后匹配的分組re = /[a-z](\d+)/gi;str = "Class1 Class2 Class3";re.test(str);alert(RegExp.lastParen);//1re.test(str);alert(RegExp["$+"]);//2//leftContext  返回被查找的字符串中從字符串開始位置到最后匹配之前的位置之間的字符//rigthContext 返回被搜索的字符串中從最后一個匹配位置開始到字符串結尾之間的字符re = /[A-Z]/g;str = "123ABC456";re.test(str);alert(RegExp.leftContext);//123alert(RegExp.rightContext);//BC456re.test(str);alert(RegExp["$`"]);//123Aalert(RegExp["$'"]);//C456

 

multiline屬性返回正則表達式是否使用多行模式,這個屬性不針對某個正則表達式實例，而是針對所有正則表達式，並且這個屬性可寫.(IE與Opera不支持這個屬性)

Js代碼
  1. alert(RegExp.multiline);
  2. //因為IE，Opera不支持這個屬性，所以最好還是單獨指定
  3. var re = /\w+/m;
  4. alert(re.multiline);
  5. alert(RegExp["$*"]);//RegExp對象的靜態屬性不會因為給RegExp某個對象實例指定了m標志而改變
  6. RegExp.multiline = true;//這將打開所有正則表達式實例的多行匹配模式
  7. alert(RegExp.multiline);
alert(RegExp.multiline);//因為IE，Opera不支持這個屬性，所以最好還是單獨指定var re = /\w+/m;alert(re.multiline);alert(RegExp["$*"]);//RegExp對象的靜態屬性不會因為給RegExp某個對象實例指定了m標志而改變RegExp.multiline = true;//這將打開所有正則表達式實例的多行匹配模式alert(RegExp.multiline);

 

使用元字符注意事項:元字符是正則表達式的一部分，當我們要匹配正則表達式本身時，必須對這些元字符轉義.下面是正則表達式用到的所有元字符
( [ { \ ^ $ | ) ? * + .

Js代碼
  1. var str = "?";
  2. var re = /?/;
  3. alert(re.test(str));//出錯，因為？是元字符，必須轉義
  4. re = /\?/;
  5. alert(re.test(str));//true 
var str = "?";var re = /?/;alert(re.test(str));//出錯，因為？是元字符，必須轉義re = /\?/;alert(re.test(str));//true

 

使用RegExp構造函數與使用正則表達式字面量創建正則表達式注意點

 

Js代碼
  1. var str = "\?";
  2. alert(str);//只會輸出?
  3. var re = /\?/;//將匹配?
  4. alert(re.test(str));//true
  5. re = new RegExp("\?");//出錯,因為這相當於re = /\?/
  6. re = new RegExp("\\?");//正確，將匹配？
  7. alert(re.test(str));//true
var str = "\?";alert(str);//只會輸出?var re = /\?/;//將匹配?alert(re.test(str));//truere = new RegExp("\?");//出錯,因為這相當於re = /\?/re = new RegExp("\\?");//正確，將匹配？alert(re.test(str));//true

 

既然雙重轉義這么不友好，所以還是用正則表達式字面量的聲明方式

如何在正則表達式中使用特殊字符？

 

Js代碼
  1. //ASCII方式用十六進制數來表示特殊字符
  2. var re = /^\x43\x4A$/;//將匹配CJ
  3. alert(re.test("CJ"));//true
  4. //也可使用八進制方式
  5. re = /^\103\112$/;//將匹配CJ
  6. alert(re.test("CJ"));//true
  7. //還可以使用Unicode編碼
  8. re =/^\u0043\u004A$/;//使用 Unicode，必須使用u開頭，接着是字符編碼的四位16進制表現形式
  9. alert(re.test("CJ"));
//ASCII方式用十六進制數來表示特殊字符var re = /^\x43\x4A$/;//將匹配CJalert(re.test("CJ"));//true//也可使用八進制方式re = /^\103\112$/;//將匹配CJalert(re.test("CJ"));//true//還可以使用Unicode編碼re =/^\u0043\u004A$/;//使用 Unicode，必須使用u開頭，接着是字符編碼的四位16進制表現形式alert(re.test("CJ"));

 

另處，還有一些其它的預定義特殊字符，如下表所示:

字符 描述
\n 換行符
\r 回車符
\t 制表符
\f 換頁符（Tab）
\cX 與X對應的控制字符
\b 退格符(BackSpace)
\v 垂直制表符
\0 空字符("")

字符類 ---〉簡單類，反向類，范圍類，組合類，預定義類

 

Js代碼
  1. //簡單類
  2. var re = /[abc123]/;//將匹配abc123這6個字符中一個
  3. //負向類
  4. re = /[^abc]/;//將匹配除abc之外的一個字符
  5. //范圍類
  6. re = /[a-b]/;//將匹配小寫a-b 26個字母
  7. re = /[^0-9]/;//將匹配除0-9 10個字符之處的一個字符
  8. //組合類
  9. re = /[a-b0-9A-Z_]/;//將匹配字母，數字和下划線 
//簡單類var re = /[abc123]/;//將匹配abc123這6個字符中一個//負向類re = /[^abc]/;//將匹配除abc之外的一個字符//范圍類re = /[a-b]/;//將匹配小寫a-b 26個字母re = /[^0-9]/;//將匹配除0-9 10個字符之處的一個字符//組合類re = /[a-b0-9A-Z_]/;//將匹配字母，數字和下划線

 

下面是正則表達式中的預定義類


代碼 等同於 匹配
. IE下[^\n]，其它[^\n\r] 匹配除換行符之外的任何一個字符
\d [0-9] 匹配數字
\D [^0-9] 匹配非數字字符
\s [ \n\r\t\f\x0B] 匹配一個空白字符
\S [^ \n\r\t\f\x0B] 匹配一個非空白字符
\w [a-zA-Z0-9_] 匹配字母數字和下划線
\W [^a-zA-Z0-9_] 匹配除字母數字下划線之外的字符

 

量詞(下表量詞單個出現時皆是貪婪量詞)

代碼 描述
* 匹配前面的子表達式零次或多次。例如，zo* 能匹配 "z" 以及 "zoo"。 * 等價於{0,}。
+ 匹配前面的子表達式一次或多次。例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等價於 {1,}。
? 匹配前面的子表達式零次或一次。例如，"do(es)?" 可以匹配 "do" 或 "does" 中的"do" 。? 等價於 {0,1}。
{n} n 是一個非負整數。匹配確定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，但是能匹配 "food" 中的兩個 o。
{n,} n 是一個非負整數。至少匹配n 次。例如，'o{2,}' 不能匹配 "Bob" 中的 'o'，但能匹配 "foooood" 中的所有 o。'o{1,}' 等價於 'o+'。'o{0,}' 則等價於 'o*'。
{n,m} m 和 n 均為非負整數，其中n <= m。最少匹配 n 次且最多匹配 m 次。劉， "o{1,3}" 將匹配 "fooooood" 中的前三個 o。'o{0,1}' 等價於 'o?'。請注意在逗號和兩個數之間不能有空格。


貪婪量詞與惰性量詞

•用貪婪量詞進行匹配時，它首先會將整會字符串當成一個匹配，如果匹配的話就退出，如果不匹配，就截去最后一個字符進行匹配，如果不匹配，繼續將最后一個字符截去進行匹配，直到有匹配為止。直到現在我們遇到的量詞都是貪婪量詞
•用惰性量詞進行匹配時，它首先將第一個字符當成一個匹配，如果成功則退出，如果失敗，則測試前兩個字符，依些增加，直到遇到合適的匹配為止

惰性量詞僅僅在貪婪量詞后面加個"?"而已,如"a+"是貪婪匹配的,"a+?"則是惰性的

Js代碼
  1. var str = "abc";
  2. var re = /\w+/;//將匹配abc
  3. re = /\w+?/;//將匹配a 
var str = "abc";var re = /\w+/;//將匹配abcre = /\w+?/;//將匹配a


多行模式

Js代碼
  1. var re = /[a-z]$/;
  2. var str = "ab\ncdef";
  3. alert(str.replace(re,"#"));//ab\ncde#
  4. re =/[a-z]$/m;
  5. alert(str.replace(re,"#"));//a#\ncde# 
var re = /[a-z]$/;var str = "ab\ncdef";alert(str.replace(re,"#"));//ab\ncde#re =/[a-z]$/m;alert(str.replace(re,"#"));//a#\ncde#

 

分組與非捕獲性分組

Js代碼
  1. re = /abc{2}/;//將匹配abcc
  2. re = /(abc){2}/;//將匹配abcabc
  3. //上面的分組都是捕獲性分組
  4. str = "abcabc ###";
  5. arr = re.exec(str);
  6. alert(arr[1]);//abc
  7. //非捕獲性分組 (?:)
  8. re = /(?:abc){2}/;
  9. arr = re.exec(str);
  10. alert(arr[1]);//undefined
re = /abc{2}/;//將匹配abccre = /(abc){2}/;//將匹配abcabc//上面的分組都是捕獲性分組str = "abcabc ###";arr = re.exec(str);alert(arr[1]);//abc//非捕獲性分組 (?:)re = /(?:abc){2}/;arr = re.exec(str);alert(arr[1]);//undefined

 

候選（也就是所說的“或”）

Js代碼
  1. re = /^a|bc$/;//將匹配開始位置的a或結束位置的bc
  2. str ="add";
  3. alert(re.test(str));//true
  4. re = /^(a|bc)$/;//將匹配a或bc
  5. str ="bc";
  6. alert(re.test(str));//true
re = /^a|bc$/;//將匹配開始位置的a或結束位置的bcstr ="add";alert(re.test(str));//truere = /^(a|bc)$/;//將匹配a或bcstr ="bc";alert(re.test(str));//true

 

當包含分組的正則表達式進行過test,match,search這些方法之后，每個分組都被放在一個特殊的地方以備將來使用，這些存儲是分組中的特殊值，我們稱之為反向引用

Js代碼
  1. var re = /(A?(B?(C?)))/;
  2. /*上面的正則表達式將依次產生三個分組
  3. (A?(B?(C?))) 最外面的
  4. (B?(C?))
  5. (C?)*/
  6. str = "ABC";
  7. re.test(str);//反向引用被存儲在RegExp對象的靜態屬性$1—$9中
  8. alert(RegExp.$1+"\n"+RegExp.$2+"\n"+RegExp.$3);
  9. //反向引用也可以在正則表達式中使用\1 ,\2...這類的形式使用
  10. re = /\d+(\D)\d+\1\d+/;
  11. str = "2008-1-1";
  12. alert(re.test(str));//true
  13. str = "2008-4_3";
  14. alert(re.test(str));//false
var re = /(A?(B?(C?)))/;/*上面的正則表達式將依次產生三個分組(A?(B?(C?))) 最外面的(B?(C?))(C?)*/str = "ABC";re.test(str);//反向引用被存儲在RegExp對象的靜態屬性$1—$9中alert(RegExp.$1+"\n"+RegExp.$2+"\n"+RegExp.$3);//反向引用也可以在正則表達式中使用\1 ,\2...這類的形式使用re = /\d+(\D)\d+\1\d+/;str = "2008-1-1";alert(re.test(str));//truestr = "2008-4_3";alert(re.test(str));//false

 

使用反向引用可以要求字符串中某幾個位置上的字符必須相同.另外，在replace這類方法中可用特殊字符序列來表示反向引用

Js代碼
  1. re = /(\d)\s(\d)/;
  2. str = "1234 5678";
  3. alert(str.replace(re,"$2 $1"));//在這個里面$1表示第一個分組1234,$2則表示5678
re = /(\d)\s(\d)/;str = "1234 5678";alert(str.replace(re,"$2 $1"));//在這個里面$1表示第一個分組1234,$2則表示5678

 

其它——〉正向前瞻,用來捕獲出現在特定字符之前的字符,只有當字符后面跟着某個特定字符才去捕獲它。與正向前瞻對應的有負向前瞻，它用匹配只有當字符后面不跟着某個特定字符時才去匹配它。在執行前瞻和負向前瞻之類的運算時，正則表達式引擎會留意字符串后面的部分，然而卻不移動index

 

Js代碼
  1. //正向前瞻
  2. re = /([a-z]+(?=\d))/i;
  3. //我們要匹配后面跟一個數字的單詞，然后將單詞返回，而不要返回數字
  4. str = "abc every1 abc";
  5. alert(re.test(str));//true
  6. alert(RegExp.$1);//every
  7. alert(re.lastIndex);//使用前瞻的好處是,前瞻的內容(?=\d)並不會當成一次匹配，下次匹配仍從它開始
  8. //負向前瞻(?!)
  9. re = /([a-z](?!\d))/;i
  10. //將匹配后面不包含數字的字母,並且不會返回(?!\d)中的內容
  11. str = "abc1 one";
  12. alert(re.test(str));
  13. alert(RegExp.$1);//one
//正向前瞻re = /([a-z]+(?=\d))/i;//我們要匹配后面跟一個數字的單詞，然后將單詞返回，而不要返回數字str = "abc every1 abc";alert(re.test(str));//truealert(RegExp.$1);//everyalert(re.lastIndex);//使用前瞻的好處是,前瞻的內容(?=\d)並不會當成一次匹配，下次匹配仍從它開始//負向前瞻(?!)re = /([a-z](?!\d))/;i//將匹配后面不包含數字的字母,並且不會返回(?!\d)中的內容str = "abc1 one";alert(re.test(str));alert(RegExp.$1);//one

 

構建一個驗證電子郵箱地址有效性的正則表達式。電子郵箱地址有效性要求(我們姑且這樣定義)：用戶名只能包含字母數字以及下划線，最少一位，最多25位，用戶名后面緊跟@，后面是域名，域名名稱要求只能包含字母數字和減號（-），並且不能以減號開頭或結尾，然后后面是域名后綴（可以有多個），域名后綴必須是點號連上2-4位英文字母

Js代碼
  1. var re = /^\w{1,15}(?:@(?!-))(?:(?:[a-z0-9-]*)(?:[a-z0-9](?!-))(?:\.(?!-)))+[a-z]{2,4}$/;  


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 js正則表達式匹配 js正則表達式的 貪婪匹配和惰性匹配 js中正則表達式的模式匹配 js匹配日期和時間的正則表達式 js正則表達式匹配斜杠 網址 url等 js正則表達式匹配正整數 JS正則表達式匹配