正则基础知识

2018-06-24 01:57:54来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

正则的一些基础知识

创建正则

  • 通过构造函数 const pattern = new RegExp(pattern,modifiers)

    • pattern: 匹配的字符串形式,可以有变量

    • modifiers: 匹配的模式,g(全局),i(忽略大小写),u(多行)

  • 字面量的形式: const pattern = /pattern/g

    • pattern: 匹配的内容

正则的方法

  • reg.test(str): 检测一个字符串是否有要匹配的内容,返回一个布尔值

  • reg.exec(str):该方法为专门为捕获组而设计的(每一个小括号是一个捕获组)

    • 参数:要匹配的字符串

    • 返回值:返回的是一个数组。如果不匹配则返回null

    • 关于返回值数组的说明:

      • 它确实是Array的实例。

      • 但是这个数组有两个额外的属性:index和input

      • index:表示匹配的字符串在源字符串中的索引

      • input:表示匹配的源字符串。

      • 数组的第一项目是与整个模式匹配的字符串,其他项是与模式中捕获组匹配的字符串

      • 如果没有捕获组,则数组中只有第一项

正则表达式的一些规则

  • /[0-9a-zA-Z]/: 匹配[]里面的任意字符

  • /(abc|def)/: 匹配|中的一项

  • /[^0-9]/: 匹配非数字

  • \d: 匹配数字

  • \D: 匹配非数字

  • \w: 匹配字母和数字以及 _

  • \W: 匹配非(字母和数字以及_)

  • \b: 匹配空格子字符

  • \n: 匹配换行符

  • \t: 匹配制表符

  • \0: 匹配null字符

  • \r:匹配回车字符

  • \s: 匹配空白字符、空格、字表符和换行符

  • \S: 匹配非空白字符

  • ^: 行首匹配

  • $: 行尾匹配

  • ?: 0或1个

  • *: 0或多个

  • +: 至少一个

  • {m}: m次

  • {m,n}: m到n次

  • {m,}: 至少m次

支持正则表达式的字符串方法

  • search: 检索与正则表达式相匹配的第一个匹配项的索引

  • match: 找到一个或多个正则表达式的匹配。其实和正则表达式的exec方法比较像

  • replace(reg|str,str|fn)

    • 第二个参数是一个字符串时,会对匹配到的字符进行替换.(正则可以全局替换)

    • 第二个参数是函数时,会对匹配到每一个字符进行回调,回调的第一个参数是匹配到的字符

      • 第一个参数是字符串时,回调的第二个参数时匹配到的字符的索引,第三个参数是整个字符

      • 第二个参数是正则时,若匹配到的字符没有捕获时,和上面一样.若有捕获,则捕获的项会作为参数传进来,捕获后面的参数则和上面的一样

  • 一些例子

    • 获取query的参数


      function getQueryByName(name) {
         const search = location.search
         const ret = search.match(new RegExp('[?&]'+name+'([^&]'*))
         return ret&&ret.length > 0 ? ret[1] : ''                        
      }

       

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:styled-components真的好吗?

下一篇:WebStorm配置node.js调试