JavaScript正則表達式2

時間  2021-01-02 標籤 正則表達式 數組 ide google 編碼 spa 3d blog ip 字符串

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

 

 

 

 

 

 

  
  
           
  
  
    
   
   
            
   
   
  1. /*使用點元字符*/ 
    2. 
   
   
            
   
   
  2. var pattern = /g..gle/; //.匹配一個任意字符 
    3. 
   
   
            
   
   
  3. var str = 'google'; 
    4. 
   
   
            
   
   
  4. alert(pattern.test(str)); 
    5.

 

  
  
           
  
  
    
   
   
            
   
   
  1. /*重複匹配*/ 
    2. 
   
   
            
   
   
  2. var pattern = /g.*gle/; //.匹配0 個一個或多個 
    3. 
   
   
            
   
   
  3. var str = 'google'; //*,?,+,{n,m} 
    4. 
   
   
            
   
   
  4. alert(pattern.test(str)); 
    5.

 

  
  
           
  
  
    
   
   
            
   
   
  1. /*使用字符類匹配*/ 
    2. 
   
   
            
   
   
  2. var pattern = /g[a-zA-Z_]*gle/; //[a-z]*表示任意個a-z 中的字符 
    3. 
   
   
            
   
   
  3. var str = 'google'; 
    4. 
   
   
            
   
   
  4. alert(pattern.test(str)); 
    5.

 

  
  
           
  
  
    
   
   
            
   
   
  1. var pattern = /g[^0-9]*gle/; //[^0-9]*表示任意個非0-9 的字符 
    2. 
   
   
            
   
   
  2. var str = 'google'; 
    3. 
   
   
            
   
   
  3. alert(pattern.test(str)); 
    4.

 

  
  
           
  
  
    
   
   
            
   
   
  1. var pattern = /[a-z][A-Z]+/; //[A-Z]+表示A-Z 一次或屢次 
    2. 
   
   
            
   
   
  2. var str = 'gOOGLE'; 
    3. 
   
   
            
   
   
  3. alert(pattern.test(str)); 
    4.

 

  
  
           
  
  
    
   
   
            
   
   
  1. /*使用元符號匹配*/ 
    2. 
   
   
            
   
   
  2. var pattern = /g\w*gle/; //\w*匹配任意多個全部字母數字_ 
    3. 
   
   
            
   
   
  3. var str = 'google'; 
    4. 
   
   
            
   
   
  4. alert(pattern.test(str)); 
    5.

 

  
  
           
  
  
    
   
   
            
   
   
  1. var pattern = /google\d*/; //\d*匹配任意多個數字 
    2. 
   
   
            
   
   
  2. var str = 'google444'; 
    3. 
   
   
            
   
   
  3. alert(pattern.test(str)); 
    4.

 

  
  
           
  
  
    
   
   
            
   
   
  1. var pattern = /\D{7,}/; //\D{7,}匹配至少7 個非數字 
    2. 
   
   
            
   
   
  2. var str = 'google8'; 
    3. 
   
   
            
   
   
  3. alert(pattern.test(str)); 
    4.

 

  
  
           
  
  
    
   
   
            
   
   
  1. var pattern = /goo\sgle/; //\s 能夠匹配到空格 
    2. 
   
   
            
   
   
  2. var str = 'goo gle'; 
    3. 
   
   
            
   
   
  3. alert(pattern.test(str)); 
    4. 
  
  
           
  
  
  
  
           
  
  
    
   
   
            
   
   
  1. /*使用錨元字符匹配*/ 
    2. 
   
   
            
   
   
  2. var pattern = /^google$/; //^從開頭匹配，$從結尾開始匹配 
    3. 
   
   
            
   
   
  3. var str = 'google'; 
    4. 
   
   
            
   
   
  4. alert(pattern.test(str)); 
    5.

 

  
  
           
  
  
    
   
   
            
   
   
  1. var pattern = /google\b/; //\b 能夠匹配是否到了邊界 
    2. 
   
   
            
   
   
  2. var str = 'google'; 
    3. 
   
   
            
   
   
  3. alert(pattern.test(str)); 
    4.

 

  
  
           
  
  
    
   
   
            
   
   
  1. /*使用或模式匹配*/ 
    2. 
   
   
            
   
   
  2. var pattern = /google|baidu|bing/; //匹配三種其中一種字符串 
    3. 
   
   
            
   
   
  3. var str = 'google'; 
    4. 
   
   
            
   
   
  4. alert(pattern.test(str)); 
    5.

 

  
  
           
  
  
    
   
   
            
   
   
  1. /*使用分組模式匹配*/ 
    2. 
   
   
            
   
   
  2. var pattern = /(google){4,8}/; //匹配分組裏的字符串4-8 次 
    3. 
   
   
            
   
   
  3. var str = 'googlegoogle'; 
    4. 
   
   
            
   
   
  4. alert(pattern.test(str)); 
    5.

 

  
  
           
  
  
    
   
   
            
   
   
  1. var pattern = /8(.*)8/; //獲取8..8 之間的任意字符 
    2. 
   
   
            
   
   
  2. var str = 'This is 8google8'; 
    3. 
   
   
            
   
   
  3. str.match(pattern); 
    4. 
   
   
            
   
   
  4. alert(RegExp.$1); //獲得第一個分組裏的字符串內容 
    5.

 

  
  
           
  
  
    
   
   
            
   
   
  1. var pattern = /8(.*)8/; 
    2. 
   
   
            
   
   
  2. var str = 'This is 8google8'; 
    3. 
   
   
            
   
   
  3. var result = str.replace(pattern,'<strong>$1</strong>'); //獲得替換的字符串輸出 
    4. 
   
   
            
   
   
  4. document.write(result); 
    5.

 

  
  
           
  
  
    
   
   
            
   
   
  1. var pattern = /(.*)\s(.*)/; 
    2. 
   
   
            
   
   
  2. var str = 'google baidu'; 
    3. 
   
   
            
   
   
  3. var result = str.replace(pattern, '$2 $1'); //將兩個分組的值替換輸出 
    4. 
   
   
            
   
   
  4. document.write(result); 
    5.

 

 

  
  
           
  
  
    
   
   
            
   
   
  1. /*關於貪婪和惰性*/ 
    2. 
   
   
            
   
   
  2. var pattern = /[a-z]+?/; //?號關閉了貪婪匹配，只替換了第一個 
    3. 
   
   
            
   
   
  3. var str = 'abcdefjhijklmnopqrstuvwxyz'; 
    4. 
   
   
            
   
   
  4. var result = str.replace(pattern, 'xxx'); 
    5. 
   
   
            
   
   
  5. alert(result); 
    6. 
   
   
            
   
   
  6. var pattern = /8(.+?)8/g; //禁止了貪婪，開啓的全局 
    7. 
   
   
            
   
   
  7. var str = 'This is 8google8, That is 8google8, There is 8google8'; 
    8. 
   
   
            
   
   
  8. var result = str.replace(pattern,'<strong>$1</strong>'); 
    9. 
   
   
            
   
   
  9. document.write(result); 
    10. 
   
   
            
   
   
  10. var pattern = /8([^8]*)8/g; //另外一種禁止貪婪 
    11. 
   
   
            
   
   
  11. var str = 'This is 8google8, That is 8google8, There is 8google8'; 
    12. 
   
   
            
   
   
  12. var result = str.replace(pattern,'<strong>$1</strong>'); 
    13. 
   
   
            
   
   
  13. document.write(result); 
    14. 
   
   
            
   
   
  14.  
    15. 
   
   
            
   
   
  15. /*使用exec 返回數組*/ 
    16. 
   
   
            
   
   
  16. var pattern = /^[a-z]+\s[0-9]{4}$/i; 
    17. 
   
   
            
   
   
  17. var str = 'google 2012'; 
    18. 
   
   
            
   
   
  18. alert(pattern.exec(str)); //返回整個字符串 
    19. 
   
   
            
   
   
  19. var pattern = /^[a-z]+/i; //只匹配字母 
    20. 
   
   
            
   
   
  20. var str = 'google 2012'; 
    21. 
   
   
            
   
   
  21. alert(pattern.exec(str)); //返回google 
    22. 
   
   
            
   
   
  22. var pattern = /^([a-z]+)\s([0-9]{4})$/i; //使用分組 
    23. 
   
   
            
   
   
  23. var str = 'google 2012'; 
    24. 
   
   
            
   
   
  24. alert(pattern.exec(str)[0]); //google 2012 
    25. 
   
   
            
   
   
  25. alert(pattern.exec(str)[1]); //google 
    26. 
   
   
            
   
   
  26. alert(pattern.exec(str)[2]); //2012 
    27. 
   
   
            
   
   
  27.  
    28. 
   
   
            
   
   
  28. /*捕獲性分組和非捕獲性分組*/ 
    29. 
   
   
            
   
   
  29. var pattern = /(\d+)([a-z])/; //捕獲性分組 
    30. 
   
   
            
   
   
  30. var str = '123abc'; 
    31. 
   
   
            
   
   
  31. alert(pattern.exec(str)); 
    32. 
   
   
            
   
   
  32. var pattern = /(\d+)(?:[a-z])/; //非捕獲性分組 
    33. 
   
   
            
   
   
  33. var str = '123abc'; 
    34. 
   
   
            
   
   
  34. alert(pattern.exec(str)); 
    35. 
   
   
            
   
   
  35.  
    36. 
   
   
            
   
   
  36. /*使用分組嵌套*/ 
    37. 
   
   
            
   
   
  37. var pattern = /(A?(B?(C?)))/; //從外往內獲取 
    38. 
   
   
            
   
   
  38. var str = 'ABC'; 
    39. 
   
   
            
   
   
  39. alert(pattern.exec(str)); 
    40. 
   
   
            
   
   
  40.  
    41. 
   
   
            
   
   
  41. /*使用前瞻捕獲*/ 
    42. 
   
   
            
   
   
  42. var pattern = /(goo(?=gle))/; //goo 後面必須跟着gle 才能捕獲 
    43. 
   
   
            
   
   
  43. var str = 'google'; 
    44. 
   
   
            
   
   
  44. alert(pattern.exec(str)); 
    45. 
   
   
            
   
   
  45.  
    46. 
   
   
            
   
   
  46. /*使用特殊字符匹配*/ 
    47. 
   
   
            
   
   
  47. var pattern = /\.\[\/b\]/; //特殊字符，用\符號轉義便可 
    48. 
   
   
            
   
   
  48. var str = '.[/b]'; 
    49. 
   
   
            
   
   
  49. alert(pattern.test(str)); 
    50. 
   
   
            
   
   
  50.  
    51. 
   
   
            
   
   
  51. /*使用換行模式*/ 
    52. 
   
   
            
   
   
  52. var pattern = /^\d+/mg; //啓用了換行模式 
    53. 
   
   
            
   
   
  53. var str = '1.baidu\n2.google\n3.bing'; 
    54. 
   
   
            
   
   
  54. var result = str.replace(pattern, '#'); 
    55. 
   
   
            
   
   
  55. alert(result); 
    56.

經常使用的正則數組

 

  
  
           
  
  
    
   
   
            
   
   
  1. //1.檢查郵政編碼 
    2. 
   
   
            
   
   
  2. var pattern = /[1-9][0-9]{5}/; //共6 位數字，第一位不能爲0 
    3. 
   
   
            
   
   
  3. var str = '224000'; 
    4. 
   
   
            
   
   
  4. alert(pattern.test(str)); 
    5. 
   
   
            
   
   
  5.  
    6. 
   
   
            
   
   
  6. //2.檢查文件壓縮包 
    7. 
   
   
            
   
   
  7. var pattern = /[\w]+\.zip|rar|gz/; //\d\w_表示全部數字和字母加下劃線 
    8. 
   
   
            
   
   
  8. var str = '123.zip'; //\.表示匹配.，後面是一個選擇 
    9. 
   
   
            
   
   
  9. alert(pattern.test(str)); 
    10. 
   
   
            
   
   
  10.  
    11. 
   
   
            
   
   
  11. //3.刪除多餘空格 
    12. 
   
   
            
   
   
  12. var pattern = /\s/g; //g 必須全局，才能所有匹配 
    13. 
   
   
            
   
   
  13. var str = '111 222 333'; 
    14. 
   
   
            
   
   
  14. var result = str.replace(pattern,''); //把空格匹配成無空格 
    15. 
   
   
            
   
   
  15. alert(result); 
    16. 
   
   
            
   
   
  16.  
    17. 
   
   
            
   
   
  17. //4.刪除首尾空格 
    18. 
   
   
            
   
   
  18. var pattern = /^\s+/; //強制首 
    19. 
   
   
            
   
   
  19. var str = ' goo gle '; 
    20. 
   
   
            
   
   
  20. var result = str.replace(pattern, ''); 
    21. 
   
   
            
   
   
  21. pattern = /\s+$/; //強制尾 
    22. 
   
   
            
   
   
  22. result = result.replace(pattern, ''); 
    23. 
   
   
            
   
   
  23. alert('|' + result + '|'); 
    24.

 

  
  
           
  
  
    
   
   
            
   
   
  1. var pattern = /^\s*(.+?)\s*$/; //使用了非貪婪捕獲 
    2. 
   
   
            
   
   
  2. var str = ' google '; 
    3. 
   
   
            
   
   
  3. alert('|' + pattern.exec(str)[1] + '|'); 
    4. 
   
   
            
   
   
  4. var pattern = /^\s*(.+?)\s*$/; 
    5. 
   
   
            
   
   
  5. var str = ' google '; 
    6. 
   
   
            
   
   
  6. alert('|' + str.replace(pattern, '$1') + '|'); //使用了分組獲取 
    7. 
   
   
            
   
   
  7.  
    8. 
   
   
            
   
   
  8. //5.簡單的電子郵件驗證 
    9. 
   
   
            
   
   
  9. var pattern = /^([a-zA-Z0-9_\.\-]+)@([a-zA-Z0-9_\.\-]+)\.([a-zA-Z]{2,4})$/; 
    10. 
   
   
            
   
   
  10. var str = 'yc60.com@gmail.com'; 
    11. 
   
   
            
   
   
  11. alert(pattern.test(str)); 
    12. 
   
   
            
   
   
  12. var pattern = /^([\w\.\-]+)@([\w\.\-]+)\.([\w]{2,4})$/; 
    13. 
   
   
            
   
   
  13. var str = 'yc60.com@gmail.com'; 
    14. 
   
   
            
   
   
  14. alert(pattern.test(str)); 
    15.
联系我们 沪ICP备2021010478号-7