一.創(chuàng)建正則表達(dá)式（2個(gè)）

1.使用字面量創(chuàng)建：var reg = /a/;
2.使用RegExp構(gòu)造函數(shù)創(chuàng)建：var reg = new RegExp("a","修飾符"）;

    var reg=new RegExp("a","g");
    console.log(reg); //打印出 /a/g

注意：正則表達(dá)式分為兩個(gè)部分一個(gè)是正則匹配內(nèi)容痘拆，一個(gè)是修飾符部分;

二.正則表達(dá)式對象的方法(2個(gè)）

1.exec(); //查找字符串中滿足正則匹配內(nèi)容的結(jié)果,并且返回一個(gè)數(shù)組,
這個(gè)數(shù)組只有一個(gè)元素,包括幾個(gè)屬性,分別是群組,索引,字符串自身

 var reg=/a/g;
 console.log(reg.exec("abca"));//打印結(jié)果如下圖

在這里插入圖片描述

2.test();//判斷字符串是否滿足正則匹配內(nèi)容

 var reg=/a/g;
 console.log(reg.test("abca"));// true

三.常用字符串匹配正則方法(4個(gè)）

1.search();//按照正則表達(dá)式查找字符串中的內(nèi)容,返回優(yōu)先查找到第一個(gè)元素下標(biāo)

  var str="abcdeafgh";
  console.log(str.search(/a/)); //打印 0

2.split();//按照正則表達(dá)式匹配內(nèi)容切割字符串

  var str="abcdeafgh";
  console.log(str.split("b"));//["a","cdeafgh"]
  console.log(str.split(/[cf]/));//["ab","dea","gh"]

3.replace();//按照正則表達(dá)式匹配內(nèi)容進(jìn)行替換,可以替換成相同的也可以替換成不同的

var str="abcdea";
str=str.replace(/a/g,"z");
console.log(str); //zbcdez

//把任何滿足正則內(nèi)容的進(jìn)行替換
  var str="abcdea"; 
  str=str.replace(/[bdfh]/g,"0");
  console.log(str); //a0c0ea
       

replace還可以這樣寫
str.replace(正則表達(dá)式,回調(diào)函數(shù)(item,index){
return //返回要替換的內(nèi)容
});

var str="abcdea"; 
str=str.replace(/a/g,function(item,index){
      return index===0 ? "x" : "y";
 })
 console.log(str);//xbcdey

 // 查找所有匹配正則元素的下標(biāo)
    var str="abcdea"; 
    var arr=[];
    str.replace(/a/g,function(item,index){
        arr.push(index);
    })
    console.log(arr);//[0, 5]

    var str="abcabcadf";
    str=str.replace(/[abc]/g,function(item){
          switch(item){
              case "a":return "1";
              case "b":return "2";
              case "c":return "3";
          }
     });
      console.log(str);//1231231df

4.match();//接收一個(gè)參數(shù)迅栅，正則去匹配字符串摩泪，如果匹配成功卫漫，就返回匹配成功的數(shù)組芍殖，如果匹配不成功叶骨，就返回null

 var str="abcadef";
 console.log(str.match(/a/g));//["a", "a"]
//如果不加全局,可以達(dá)到exec的目的
// 如果加有全局匹配,就會只返回找到的所有元素?cái)?shù)組
// 如果加有群組,但是不加全局,則除返回找到的元素外,還返回群組的元素

四.修飾符(3個(gè)）

1.i ：執(zhí)行對大小不敏感的匹配镣隶；
2.g ：執(zhí)行全局匹配（查找所有匹配而非在找到第一個(gè)后停止）;
3.m ：執(zhí)行多行匹配;

五.元字符

常用元字符表

詳解

1. .//可以匹配任意一個(gè)字符

console.log("dogcat".match(/cat/g));//["cat"]
console.log("cetcotcat".match(/c.t/g));//["cet","cot","cat"]
console.log("cetc.tcat".match(/c\.t/g));//\.轉(zhuǎn)義為字符串. 打印 ["c.t"]
console.log("caaaaatcbbbbt".match(/c....t/g));//["cbbbbt"]

2. /[1-31]/ 1,2,3 (一個(gè)[]里數(shù)字只能匹配1到9）授滓，
   /[0-9]/ 0,1,2,3,4,5,6,7,8,9
   /[a-z]/ a,b,c,d,e,...z
   /[A-Z]/ A,B,C,D.....Z

console.log(/[a-Z]/.test("abc"));//錯(cuò)誤的
console.log(/[A-z]/.test("abc"));//錯(cuò)誤的
console.log(/[a-zA-Z]/)
console.log(/a[b.c]b/);//[]中的.是字符.
console.log(/a[\[\]]b/)//a[b   a]b  寫在[]里面[]字符必須轉(zhuǎn)義
console.log(/[aaaa]/);//[]中重復(fù)是無意義的

// 反義字符類  在[]中第一位使用^,表示除了^后面的字符外都滿足
 console.log("abcafcadcaec".match(/a[^f]c/g))//中間不要f
 console.log("abcafcadcaec".match(/a[f^a]c/g))//^如果在[]不是第一位,就表示字符^

注意：

• 如果元字符·不放在[]中表示可以匹配任意字符琳水，放在[]中只表示字符 ·，
  因?yàn)閇]是表示可以在里面任意匹配一個(gè) 字符般堆；
• ^如果放在[]里第一位在孝，表示除了 ^后面的字符外都滿足，如果放的不是第一位淮摔，只表示 ^字符私沮；

3.轉(zhuǎn)義特殊字符
[a-zA-Z0-9_] \w
[^a-zA-Z0-9_] \W
[0-9] \d
[^0-9] \D
\s 空白字符
\S 非空白字符

var str="   ac   bg   ed";
str=str.replace(/\s/g,"");//acbged
str=str.replace(/\S/g,"z");//   zz   zz   zz
console.log(str);

注意： 空白字符就用空格隔開的 空字符就是"" ,"ab"兩個(gè)字符之間夾得就是空字符
4.{}
例如：/\d\d\d\d-\d\d-\d\d/ 可簡化成——>/\d{4}-\d{2}-\d{2}
/abc{2}/ //c重復(fù)兩次
/(abc){2}/ //abc重復(fù)兩次
/a{0}/ //沒有字符a，意味著匹配一個(gè)空字符和橙；

5.貪婪匹配：先匹配最大的
例如：

console.log("aaaaaaaa".match(/a{2,5}/g));//["aaaaa", "aaa"]
console.log("aaaaaabbb".match(/a{0,4}/g));//["aaaa", "aa", "", "", "", ""]
console.log("aaaaaa".match(/a{3,6}/g));//["aaaaaa"]

6.? + * .?
? {0,1}
// + {1,}
// * {0,}
/.?/ //非貪婪模式 所有貪婪匹配后加仔燕？為貪婪

console.log("aaaaaaaa".match(/a{2}/g));//["aa", "aa", "aa", "aa"]
console.log("caaaaatcbbbbt".match(/c.*?t/g));// ["caaaaat", "cbbbbt"]

7.或者|字符

 
console.log("catdogcetdag".match(/[catdog]/))
//["c", index: 0, input: "catdogcetdag"]
console.log("catdogcetdag".match(/cat|dog/));//或者,可以用來匹配多個(gè)字符或者
//另外得字符 打印["cat", index: 0, input: "catdogcetdag"]
console.log("abcd".match(/c|b/g));//["b", "c"]
console.log("abcd".match(/[cb]/));//["b", index: 1, input: "abcd"]
console.log("abcdef".match(/|a|b/g));//如果|得一端沒有內(nèi)容,則認(rèn)為匹配空字符
//["", "", "", "", "", "", ""]
console.log("abcdef".match(/a||b/g));//如果|得一端沒有內(nèi)容,則認(rèn)為匹配空字符
//["a", "", "", "", "", "", ""]
console.log("abcdef".match(/a|d|/g));//如果|得一端沒有內(nèi)容,則認(rèn)為匹配空字符
// ["a", "", "", "d", "", "", ""]

8.^起始 $結(jié)束
案例

    <input type="text"><span></span>//html

      var input,span;
        init(); //調(diào)用init函數(shù)
        function init(){
            input=document.querySelector("input"); 
            span=document.querySelector("span");
            input.addEventListener("input",inputHandler);//監(jiān)聽input的input事件造垛，input事件觸發(fā)調(diào)用inputHandler函數(shù)
        }

        function inputHandler(e){
            if(this.ids) return;    //this指向input    如果this.ids為true return出去
            this.ids=setTimeout(function(input){ //設(shè)置定時(shí)器并把值賦給this.ids
                clearTimeout(input.ids);
                input.ids=false;
                testInputValue(input.value);
            },500,this);
        }

        function testInputValue(txt){
            console.log(txt.match(/^[1-9]$|^[12][0-9]$|^3[01]$/))
            if(/^[1-9]$|^[12][0-9]$|^3[01]$/.test(txt)){//判斷值是否為1-31是為true進(jìn)入
                span.textContent="輸入正確";
                span.style.color="green";
            }else{
                span.textContent="輸入錯(cuò)誤";
                span.style.color="red";
            }
        }

9.群組

console.log("18617891076".match(/(\d{3})(\d{4})(\d{4})/))//群組元素要打印本身["18617891076", "186", "1789", "1076", index: 0, input: "18617891076"]  
var str="18617891076".match(/(\d{3})(\d{4})(\d{4})/).slice(1).reduce(function(value,item,index){
    return index===1 ? value+"****" : value+item;
})  
console.log(str); //186****1076
//$1就是第一個(gè)群組,$2就是第二個(gè)群組,$3就是第三個(gè)群組
var str="18617891076".replace(/(\d{3})(\d{4})(\d{4})/,"$1****$3");
console.log(str);//186****1076

10.斷言 ?= ?! ?<= ?<!

console.log("abcdadef".match(/a(?=d)/g))//["a"]
console.log("a0bcd adef a&cd".replace(/a(?=d)/g,"0"));//a0bcd 0def a&cd
console.log("a0bcd adef a&cd".replace(/a(?=[a-z])|a(?=[0-9])/g,"1"));
//10bcd 1def a&cd
console.log("a0bc adef a&bc".replace(/a(?![a-z])/g,"1"));
//?!相當(dāng)于不等于 10bc adef 1&bc
console.log("a0bc adef a&bc".replace(/(?<=[0-9])b/g,"1"));//前置條件  
console.log("a0bc adef a&bc".replace(/(?<![0-9])b/g,"1"));//前置條件不等于