JS正则表达式入门篇

时间:2022-04-25
本文章向大家介绍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: 任何不可见字符,包括空格、制表符、换页符等等。等价于[ fnrtv]。S: 非不可见字符d: 数字D: 非数字w: 字符 (字母,数字,下划线)W: 非字符b: 独立的部分(起始, 结束, 空格) // 'onetwo'.test(/bone/)  —> true;   'onetwo'.test(/oneb/) —> falseB: 非独立的部分1: 重复的子项  //1重复的第一个子项,2重复的第二个子项     eg:'abca'.test(/(a)bc1/),  '<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)  —>falseeg: 替换字符串的前后空格      var reg = /^s|s$/     ' hello '.replace(reg, '')
匹配子项:(): 小括号,分组操作,    // 把正则的整体叫做(母亲)    // 然后把左边第一个小括号里的正则,叫做这个第一个子项(母亲的第一个孩子),第二个小括号就是第二个孩子[]: 一组相似的元素[abc], [a-z0-9],[^>]    // 'ab'.test(/[abc]/)|: 或者