正则表达式在JavaScript中的使用

        正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。这是较为官方的名词解释,但是具体该如何创建正则表达式呢?来看下面代码

        利用RegExp对象来创建正则表达式;

      let regexp = new RegExp(/123/);
      console.log(regexp);

        利用字面量创建 正则表达式,相对于上一种方法更为简介。

      let rg = /123/;

        说完如何创建正则表达式,我们得知道如何去判断这个正则表达式的真伪,我们用 test这个方法来看下面代码

      console.log(rg.test(1234)); //true
      console.log(rg.test("anf")); //false

        正则表达式中的特殊字符边界符 ^ $  的简单使用

      let rg2 = /abc/;
      //   只要包含abc这个字符串返回的都是true;
      console.log(rg2.test("abc")); //true
      console.log(rg2.test("abcd")); //true
      console.log(rg2.test("1abc")); //true

         ^符号以abc开头即为真

      let rg3 = /^abc/;
      //以abc开头都显示true
      console.log(rg3.test("abc")); //true
      console.log(rg3.test("abcd")); //true
      console.log(rg3.test("1abc")); //false

        $符号以abc结尾即为真

      let rg4 = /abc$/;
      //以abc结尾都显示true
      console.log(rg4.test("abc")); //true
      console.log(rg4.test("abcd")); //false
      console.log(rg4.test("1abc")); //true

         如果^符号和$符号在一起 即为精确匹配

      let rg5 = /^abc$/;
      // 精确匹配只有是abc才显示true
      console.log(rg5.test("abc")); //true
      console.log(rg5.test("abcd")); //false
      console.log(rg5.test("1abc")); //false

        字符类【】:匹配其中任意一个即可,返回为真

      let rg6 = /[abc]/;
      //字符类
      //匹配其中任意一个即可,返回为真
      console.log(rg6.test("abc")); //true
      console.log(rg6.test("abcd")); //true
      console.log(rg6.test("1abc")); //true

      如果加上边界符   let rg6 = /^[abc]$/ ,匹配啊a,或者b,或者c 才返回为真

        [-] 范围符号

      //   26个英文字符任何一个字谜返回true
      let rg7 = /^[a-z]$/;
      console.log(rg7.test("a")); //true
      console.log(rg7.test("2")); //false
      console.log(rg7.test("a")); //true

        字符组合

      //   字符组合
      //   在中括号里有^是表示取反的意思
      let rg8 = /^[^a-zA-Z0-9]$/;
      console.log(rg8.test("a")); //false
      console.log("--------------------");

        量词符

 //   量词符
      //*  允许a出现0次或者无数次
      let rg9 = /^a*$/;
      console.log(rg9.test("")); //true
      console.log(rg9.test("aa")); //true
      console.log("--------------------");

      //+   a出现1次或者无数次;
      let rg10 = /^a+$/;
      console.log(rg10.test("")); //false
      console.log(rg10.test("aa")); //true
      console.log("--------------------");

      //?    a出现1次或者0次;
      let rg11 = /^a?$/;
      console.log(rg11.test("")); //true
      console.log(rg11.test("a")); //true
      console.log(rg11.test("aa")); //false
      console.log("--------------------");

      //{3}   a只能重复三次
      let rg12 = /^a{3}$/;
      console.log(rg12.test("aaa")); //true
      console.log(rg12.test("a")); //false
      console.log(rg12.test("aa")); //false
      console.log("--------------------");

      //{3,}   a大于等于3
      let rg13 = /^a{3,}$/;
      console.log(rg13.test("aaa")); //true
      console.log(rg13.test("aaaa")); //true
      console.log(rg13.test("aa")); //false
      console.log("--------------------");

      //{3,8}   a大于等于3 并且 a小于等于8
      let rg14 = /^a{3,8}$/;
      console.log(rg14.test("aaaa")); //true
      console.log(rg14.test("aaaaaaaaa")); //9所以false
      console.log(rg14.test("aa")); //false
      console.log("--------------------");

        如果想要整个html文件可以私信我!!!

 感谢看完的小伙伴,努力学习定会学有所成,相信自己最难不过坚持加油持续下去,明天的你会更好。你只管努力,剩下的交给时间。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值