正則表達式詳解

1.正則的概念

JS誕生的目的是什麼?
就是爲了作表單驗證。
 在JS未出現之前,表單的信息驗證須要傳輸給後臺,讓後臺作數據驗證處理以後,再返回給前端頁面處理的結果。在帶寬有限的狀況下,整個驗證過程很是複雜,且耗時。

 

 1   var str = "asd68asd687as6da78sd123123zcacas"
 2     var linshi='';  3     var arr=[]  4     for(var i = 0 ; i < str .length ; i ++){  5         if(str.charAt(i)>=0&&str.charAt(i)<=9){  6             linshi+=str.charAt(i)  7         }else{  8             if(linshi!=''){  9  arr.push(linshi) 10  } 11  } 12  } 13     if(linshi!=''){ 14  arr.push(linshi) 15  } 16     console.log(arr)
  若是使用正則的方式:
    var arr = str.match(/\d+/g);
    就能夠完成功能

   什麼是正則?

    正則表達式(regular expression)是一個描述字符規則的對象。能夠用來檢查一個字符串是否含有某個字符,將匹配的字符作替換或者從某個字符串中取出某個條件的子串等。

2.建立方式

正則的建立方式:
    1.構造函數方式
        var reg1 = new RegExp("a");
        var str = "adassdfsd";
        console.log(str.match(reg1))        //輸出匹配a的字符
 
    2.字面量方式
        var reg2 = /a/;
        console.log(str2.match(reg2));      //輸出匹配a的字符
 
      / / 是正則表達式的標識符
      " " 是字符串的標識符
      [ ] 是數組的標識符
      { } 是對象的標識符
 
 
    正則中的修飾符,寫在正則表達式後面/的後面:
    g表示全局匹配,查找全部
    i表示忽略大小寫
 
 正則的驗證:
    var reg = /[0-9]/;
    reg.test(str)    //返回爲true表示驗證成功,false表示失敗

 

3.字符串.replace(oldstr, newstr)函數 和 字符串.match(正則)函數

字符串的replace函數的功能:將老字符串替換成新字符串
 
    能夠利用此函數,將老字符串表示成正則表達式,對字符串進行替換
 
    如:字符串中的abc替換成「哈哈」,若是正則後面沒有g,則只替換一個,若是沒有i,則大寫不會替換
    var str = 「abc123abc456abbcdABCefaacbcdbcabc";
    var reg = /abc/g;
    console.log(str.replace(reg,"哈哈"));
 
 
    字符串match函數的功能:提取全部的想要的東西
    返回一個數組,包含全部符合條件的字符
 
 
    \d    匹配全部的數字
 
    var reg = /\d/g;
    console.log(str.match(reg))    //打印字符串中全部的數字
 
    +     若干,量詞,表示多少個均可以,至少1個,無上限
 
    var reg = /\d+/g;
    console.log(str.match(reg))    //打印字符串中全部的數字,連續
 
    |     或,相似於js中的 ||
    var reg = /abc|bbc|cbc|dbc/g
    console.log(str.match(reg));   //打印字符串中的abc,bbc,cbc,dbc
    var reg = /[a-c]bc/g
 
    [ ]    中元符
    var reg = /[a-z]/              //匹配全部字母
    [0-9] == \d
 
    ^     排除(除了)
    var reg = /[^0-9]/             //表示除了數字以外全部
 
    .   表明全部,不建議使用
    var reg = /<.+>/g
    console.log(str.replace(reg,""))              //過濾,表示尖括號裏面的東西不要,可是?
    正則的貪婪定律:
    var reg = /<[^<>]+>/g
    console.log(str.replace(reg,"」))              //表示尖括號裏面的東西不要,真
 
    轉義字符:
    \d    ——    [0-9]         數字
    \w    ——    [a-z0-9_]     數字,字母,下劃線
    \s    ——    空白字符(空格)   
 
    \D    ——    [^0-9]        非數字
    \W    ——    [^a-z0-9_]    非數字,字母,下劃線
    \S    ——    非空白字符
 
    量詞:限定符,能夠指定正則表達式的一個給定組,必需要出現多少次才能知足匹配
    *     匹配前面的子表達式零次或屢次
    +     匹配前面的子表達式至少一次或屢次
    ?     匹配前面的子表達是零次或一次
    {n}   匹配肯定n次
    {n,}  至少匹配n次
    {n,m} 至少匹配n次,最多匹配m次
 
    注:在限定符後緊跟?,則由貪婪匹配變成非貪婪匹配
 
    qq號驗證規則:
    var reg = /[1-9]\d{4,10}/
 
    固化的規則:0411-6666888
    開頭爲0或者2的或者三位數字加上-開頭爲非零的八位數字,結尾是1到4的分機號
    var reg = /(0\d{2,3}-)?[1-9]\d{7}(-\d{1,4})?/
 
    複雜郵箱的規則:英文數字下劃線@一串英文或數子.一串英文
    var reg = /\w+@[a-z0-9]+\.[a-z]+/i
    想要校驗怎麼辦?在正則轉義字符前加上\
 

正則的方法

    正則.test(字符串)方法,返回值是true和false

    正則.test(字符串)有一個特性,就是隻要字符串的一部分符合要求,那麼就會返回true

  解決方法:

  ^開始

  $結束

經常使用檢測案例

1.中文檢測
    unicode編碼中文監測:/^[\u2E80-\u9FFF]+$/
 
2.用戶名檢測
    正則:/^[a-z0-9_-]{3,16}$/
 
3.郵箱檢測
    /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/
      能夠屢次出現 (字母數字下劃線.-)@能夠出現多個(數字字母.-).2到6位字母或.
    /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/
能夠有多個(字母數字)可有多個可無(.多個(字母數字))@能夠多個(數字字母可   有1次可無(-數字字母))能夠有多個(1或2個.多個字母)
 
abc123@123abc.com
 
4.URL檢測
    /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w\.-]*)*\/?$/
有1次或0次(http有1次或0次s : //) 能夠多個(數字字母.-) . 2到6位(字母.) 可多個或0個 (能夠多個或0個 /數字字母下劃線.-) 可0或1次/
 
5.HTML標籤檢測
    /^<([a-z]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)$/
<多個(字母)可多個或0個(除了<的全部字符)  />
<多個(字母)可多個或0個(除了<的全部字符)>多個任意字符   </重複第一部分的多個字母>
 
 
自定義的html標籤
/<[^<>]+>/g

 

正則經常使用表達式

相關文章
相關標籤/搜索