前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JS正则表达式入门篇

JS正则表达式入门篇

作者头像
前端黑板报
发布2018-01-29 17:05:05
1.1K0
发布2018-01-29 17:05:05
举报
文章被收录于专栏:前端黑板报前端黑板报

兰翠 就职于爱屋吉屋,出身后端现混迹于前端

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

基本写法:

代码语言:javascript
复制
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')

正则表达式常用方法:

代码语言:javascript
复制
test: 正则去匹配字符串,如果匹配成功就返回真,失败就返回假   写法: reg.test(str)    eg: /\d/g.test('123')   // true
代码语言:javascript
复制
search: 正则去匹配字符串,如果匹配成功,就返回匹配成功的位置,如果匹配失败就返回-1  写法: str.search(reg)    eg: 'abcdef'.search(/c/)   // 2
代码语言:javascript
复制
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]
代码语言:javascript
复制
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);  // -    })

正则表达式语法:

代码语言:javascript
复制
转义字符:.(点)---任意字符\.: 真正的点\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           }        })
代码语言:javascript
复制
量词:匹配不确定的个数{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, '')
代码语言:javascript
复制
匹配子项:(): 小括号,分组操作,    // 把正则的整体叫做(母亲)    // 然后把左边第一个小括号里的正则,叫做这个第一个子项(母亲的第一个孩子),第二个小括号就是第二个孩子[]: 一组相似的元素[abc], [a-z0-9],[^>]    // 'ab'.test(/[abc]/)|: 或者
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2017-07-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端黑板报 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档