js基礎(chǔ) 正則

lovXin 發(fā)布于2019-08-20 16:55 / 2243人閱讀

摘要：正則簡而言之就是描述一個(gè)事件的規(guī)則設(shè)置規(guī)則，來完成我們需求的一些操作。傳入時(shí)代表所有符合條件的選項(xiàng)，我的理解就是中的內(nèi)容。。。。

正則簡而言之就是描述一個(gè)事件的規(guī)則

  設(shè)置規(guī)則，來完成我們需求的一些操作。

定義

  var reg=new RegExp(字符串規(guī)則，字符串選項(xiàng));
  var reg=/規(guī)則/選項(xiàng);

選項(xiàng)

    1  i  ignore--執(zhí)行忽略大小寫的匹配
    2  g  gloal--執(zhí)行全局匹配（可以查看所有的匹配而不是只找到第一個(gè)匹配后就停止）
    3  m  mutil-line--執(zhí)行多行匹配

轉(zhuǎn)義：

w  word       單詞       [a-zA-Z0-9_]
s   space      空白

D  非數(shù)字 [^0-9]
W  非單詞 [^a-zA-Z0-9_]
S  非空白

.   任意東西

.  點(diǎn)本身
  斜杠本身```

量詞：規(guī)定了幾個(gè)

{n} 正好幾個(gè)    /d{2}/
        /d{475}/
        /d{2}|d{3}/
{n,m}   最少n個(gè)，最多m個(gè)
        /d{1,2}/
        /d{2,500}/
        /d{0,1}/  -> 可有可無
{n,}    最少n個(gè)，最多不限
        /d{2,}/
        /d{1,}/   若干
        /d{0,}/  
{,m}    最少不限，最多m個(gè)   ×

?   {0,1}   可有可無
    /d{0,1}/
    /d?/
+   {1,}    若干
    /d{1,}/
    /d+/
*   {0,}    可以沒有，有了也不限
    /d{0,}/
    /d*/```

* 量詞，默認(rèn)只管前面一位

方括號(hào):  []
修飾：
        ^ 開始
        $ 結(jié)尾
          boundary  邊界  

 [abc]    任意一個(gè)    /a|b|c/
  
 [0-9]      區(qū)間    
   
 [^abc]      排除
    
 /^a/      -> 以字母a開頭的東西
 /[^a]/    -> 排除字母a
 /^[a-z]/  -> 以小寫字母開頭
 /^[^a-z]/ -> 以非小寫字母開頭

  
  test()  在字符串中查找符合正則的內(nèi)容，若查找到返回true,反之返回false.

                ^  $ 優(yōu)先級比 | 要高

                校驗(yàn)?zāi)挲g 0-100   var reg=/^([1-9]?d|100)$/; reg.test("22"); // true

   search() 在字符串搜索符合正則的內(nèi)容，搜索到就返回出現(xiàn)的位置（從0開始，如果匹配的不
                只是一個(gè)字母，那只會(huì)返回第一個(gè)字母的位置）， 如果搜索失敗就返回 -1;

                首個(gè)數(shù)字出現(xiàn)的位置 var reg=/d/;    "aa1fsff".search(reg)   // 1

  match()  在字符串中搜索復(fù)合規(guī)則的內(nèi)容，搜索成功就返回內(nèi)容，格式為數(shù)組，
                失敗就返回null

                var reg=/d+/img; "sssa1122s2s4".match(reg) // ["1122","2","4"]
                
  replace  查找符合正則的字符串，就替換成對應(yīng)的字符串,返回替換后的內(nèi)容。
                傳入function(s,$1,$2..$99){}時(shí),代表所有符合條件的選項(xiàng)，$1 ..$99
                我的理解就是()中的內(nèi)容。。。。

       function trim(str){
           var re = /^s+|s+$/g;   
          return str.replace(re,"");
        }
        只能輸入數(shù)字  var oTxt=docuemnt.querySelector("#txt");  
        oTxt.oninput=function(){
            oTxt.value=oTxt.value.replace(/D/g,"");
        }```
            
            var str="在匹配成功時(shí)，會(huì)將子表達(dá)式匹配到的內(nèi)容，保存到內(nèi)存中一個(gè)以數(shù)字編號(hào)的組里，可以簡單的認(rèn)為是對一個(gè)局部變量進(jìn)行了賦值，這時(shí)就可以通過反向引用方式，引用這個(gè)局部變量的值。";

str.replace(reg,function(s){
    var tmp="";
    for(var i=0; i< s.length; i++){
        tmp+="*";
    }
    return tmp;
});

str.replace(reg,function(s){
   return s.replace(/./g,"*");
})```

      
            var str="apple babab";

            str=str.replace(/(w{1})(w+)?/gi,function(s,$1,$2){
                return $1.toUpperCase()+$2
            });```

"onclick onmouseover onmouseout".replace(/w+/g,function(sEv){
    oDiv[sEv]=function(){
       do something;
    };
});```

            
           function hasClass(obj,sClass){
                var reg=new RegExp(""+sClass+"");
                return reg.test(obj.className);
            }```

function getQueryObject(url) {
    url = url == null ? window.location.href : url;
    var search = url.substring(url.lastIndexOf("?") + 1);
    var obj = {};
    var reg = /([^?&=]+)=([^?&=]*)/g;
    search.replace(reg, function (rs, $1, $2) {
        var name = decodeURIComponent($1);
        var val = decodeURIComponent($2);               
        val = String(val);
        obj[name] = val;
        return rs;
    });
    return obj;
}```