正则相关的概念与规则

166 阅读5分钟
一、正则的概念
        JS诞生的目的就是为了做表单验证。在JS未出现以前,表单的信息验证需要传输给后台,让后台做数据验证处理之后,再返回给前端页面处理的结果。在带宽有限的情况下,整个验证过程非常复杂,且耗时。如果使用正则的方式:var arr = str.match(/\d+/g); 就可以很快的完成功能

        正则表达式(regular expression)是一个描述字符规则的对象。可以用来检查一个字符串是否含有某个字符,将匹配的字符做替换或者从某个字符串中取出某个条件的子串等。正则表达式:正则表达式其实就是一种规则,其实把正则称作规则表达式更为恰当。正则的语法基于一种古老的perl语言。

       为什么要用正则:前端往往有大量的表单数据校验工作,采用正则表达式会使得数据校验的工作量大大减轻。常用效果:邮箱,手机号,身份证号等(使用熟练的情况下);正则的使用理念:任何程序都可以不用正则表达式写出来,但根据懒人原则,怎么做不言而喻。

二.正则的创建方式:
1.构造函数方式
         var reg1 = new RegExp("a");
         var str = "adassdfsd";
         console.log(str.match(reg1)) //输出匹配a的字符

2.字面量方式,古老的perl语言风格
        var reg2 = /a/;
        console.log(str2.match(reg2)); //输出匹配a的字符

/ / 是正则表达式的标识符

" " 是字符串的标识符
[ ] 是数组的标识符
{ } 是对象的标识符

正则中的修饰符,写在正则表达式后面/的后面:
g表示全局匹配,查找所有
i表示忽略大小写

正则的验证:
       var reg = /[0-9]/;
      reg.test(str) //返回为true表示验证成功,false表示失败

4.字符串.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
      解决方法:^开始  , $结束
      exec()找到了返回数组,找不到反回null

小练习:
删除多余空格:str.replace(/\s+/g,'');

删除首尾空格:str.replace(/^\s+/,'');     str.replace(/\s+$/,'');

检查邮政编码 共 6 位数字,第一位不能为 0 : /^[1-9]\d{5}$/