正则表达式详解

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

 

正则经常使用表达式