JS正则表达式入门篇

正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表通常被用来检索、替换那些符合某个模式(规则)的文本,即只对字符串操作。

基本写法:

var reg = /a/;
var reg = new RegExp('a');    //当正则需要传参,则只能用 new RegExp(paramName);

正则默认匹配规则:正则匹配成功就会结束,不会继续匹配

//i: 不区分大小写
写法:var reg = /B/i,  var reg = new RegExp('B', 'i')
//g: 全局匹配,
写法:var reg = /B/g,  var reg = new RegExp('B', 'g')

正则表达式常用方法:

test: 正则去匹配字符串,如果匹配成功就返回真,失败就返回假
   写法: reg.test(str)
    eg: /\d/g.test('123')   // true
search: 正则去匹配字符串,如果匹配成功,就返回匹配成功的位置,如果匹配失败就返回-1
  写法: str.search(reg)
    eg: 'abcdef'.search(/c/)   // 2
match: 正则去匹配字符串,如果匹配成功,就返回匹配成功的数组,如果匹配不成功,就返回null
  写法: str.match(reg)
   eg: 'ab1cd12ddf456df'.match(/\d/g)  // 返回: [1, 12, 456]

  注意: 当match不加g的时候,可以获取到子项的集合
   eg: 'abc'.match(/(a)(b)(c)/)        // 返回:[abc, a, b, c]
replace: 正则去匹配字符串,匹配成功的字符去替换成新的字符串
   写法: str.replace(reg, replace) // replace:第二个参数,可以是字符串,也可以是一个回调函数

   eg: 
    str.replace(reg, 'aa')
   eg: 
    var str = '2017-01-12'
    var reg = /(/d)(-)/g
    str.replace(reg, function($0, $1, $2) {
        // 第一个参数:$0(母亲),
        // 第二个参数:$1(第一个孩子),
        // 第三个参数:$2(第二个孩子)
        console.log($0);  // 2017-
        console.log($1);  // 2017
        console.log($2);  // -
    })

正则表达式语法:

转义字符:
.(点)---任意字符
\.: 真正的点
\s: 任何不可见字符,包括空格、制表符、换页符等等。等价于[ \f\n\r\t\v]。
\S: 非不可见字符
\d: 数字
\D: 非数字
\w: 字符 (字母,数字,下划线)
\W: 非字符
\b: 独立的部分(起始, 结束, 空格) // 'onetwo'.test(/\bone/)  —> true;   'onetwo'.test(/one\b/) —> false
\B: 非独立的部分
\1: 重复的子项  //\1重复的第一个子项,\2重复的第二个子项
     eg:'abca'.test(/(a)bc\1/),  '<li></li>'.test(/<(\w)></\1>/)
     eg:  查找重复字符串的字符和个数
         var reg = /(\w)\1+/
         var str = 'assssdfdbdsssdfdfsdssdsdssss'
         var arr = str.split('').sort()
         var index = 0, value=''
         arr.replace(reg, function ($0, $1) {
           if ($0.length > index) {
              index = $0.length
              value = $1
           }
        })
量词:匹配不确定的个数
{a, b}: 最少出现a次,最多出现b次  {4,7}:<=4&&>=7,  {4,}:最少4次,{4}:正好4次
+: 相当于{1,}, 至少出现一次>=1次 
?: 相当于{0, 1},0-1次
*: 相当于{0,},至少出现0次

^:正则的最开始位置,就代表起始的意思
$:正则的最后位置,就代表结束的意思

eg:匹配QQ号,5~12位,不能是0开头
     var reg = /^[1,9]\d{4,-11}$/
      '0123434aa'.test(reg)  —>false

eg: 替换字符串的前后空格
      var reg = /^\s|\s$/
     ' hello '.replace(reg, '')
匹配子项:
(): 小括号,分组操作,
    // 把正则的整体叫做(母亲)
    // 然后把左边第一个小括号里的正则,叫做这个第一个子项(母亲的第一个孩子),第二个小括号就是第二个孩子
[]: 一组相似的元素[abc], [a-z0-9],[^>]
    // 'ab'.test(/[abc]/)

|: 或者
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容