专栏首页前端黑板报JS正则表达式入门篇

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

本文分享自微信公众号 - 前端黑板报(FeHeiBanBao),作者:兰翠

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-07-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript中的双符号运算

    双波浪号 1 2 3 4 var i = 5.1; var j = 5.5; console.log(~~i); // 5 console.log(~~j); ...

    前端黑板报
  • 推荐 | 小程序开发基础知识

    小程序开发要先注册小程序账号,有了小程序账号才可以使用开发者工具。小程序是一种特殊的开发形式,里面的 API 和组件都是自己定制的,因此在普通的浏览器中不能预览...

    前端黑板报
  • 模仿是最好的学习方式

    代码仓库开始的时候还是很简单的,如果随着时间的推移,版本迭代很多次后,再研究就困难很多,所以大佬们经常推荐从第一个commit开始学习,记得以前github是以...

    前端黑板报
  • javascript正则表达式

    正则表达式一直是一个令人头疼但却又是十分重要的一个东西。熟练的使用正则表达式可以让你的工作事半功倍。接下来,一起来看看正则表达式是什么吧!

    踏浪
  • 前端开发规范Javascript

    文件注释用于告诉不熟悉这段代码的读者这个文件中包含哪些东西。 应该提供文件的大体内容, 它的作者, 依赖关系和兼容性信息。如下:

    公众号php_pachong
  • JavaScript基本数据类型

    efonfighting
  • JS中一定要了解的数据类型和数据转换

    **4. 单引号和双引号可以互相嵌套,如果单引号中药嵌套单引号,需要将单引号转义,同理,双引号相同**

    汤清丽
  • linux rsync同步备份文件带密码验证

    葫芦
  • 并发模型与事件循环 /mdn

    JavaScript 的并发模型基于“事件循环”。这个模型与像 C 或者 Java 这种其它语言中的模型截然不同。

    Jean
  • 承认吧你压根不懂怎么学新语言 No.142

    我相信所有的人基本都会有刚开始入门学习某门语言的时候,比如 Python、JS、Java、Go、Scala,所有人一开始都会被 Hello World !吸引,...

    大蕉

扫码关注云+社区

领取腾讯云代金券