正则表达式就是一个用来描述字符模式的对象。它被用来在文本中执行模式匹配(pattern-matching)以及”查找-替换”(search-and-replace)的任务。javascript中正则的风格类似Perl中正则的风格。

创建

var reg = new RegExp(pattern,modifiers);

var reg = /pattern/modifiers;

modifiers包括

  • g : 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)

    'Hey, Is this all there Is '.replace(/Is/g, 'is');//替换某字符串中所有的Is为is
  • i : 执行对大小写不敏感的匹配
  • m : 执行多行匹配,具体见这里
    ps 新建一正则时可多个模式,如 /hEllO/ig

正则相关方法

  • .test()。该方法对一个字符串进行匹配。并根据匹配结果返回true或false。例如

    /e/.test('The best things in life are free'); //true
  • .exec()。该方法将对一个字符串进行匹配。并返回第一个匹配项目。例如:
    /e/.exec('The best things in life are free'); // ["e"]

在字符串方法中,有match方法,与exec类似。如

'The best things in life are free'.match(/e/); //["e"]

正则中的元字符

正则表达式中的元字符是用来替代一类具有相同属性的字符的特殊字符,它也可以被称为字符类(character class)。

  • . 查找单个字符,除了换行和行结束符。
  • \w 查找单词字符(字母、数字以及下划线”_”)。
  • \W 查找非单词字符。
  • \d 查找数字。
  • \D 查找非数字字符。
  • \s 查找空白字符。
  • \S 查找非空白字符。
  • \b 匹配单词边界。
  • \B 匹配非单词边界。
  • \0 查找 NUL 字符。
  • \n 查找换行符。
  • \f 查找换页符。
  • \r 查找回车符。
  • \t 查找制表符。
  • \v 查找垂直制表符。
  • \xxx 查找以八进制数 xxx 规定的字符。
  • \xdd 查找以十六进制数 dd 规定的字符。
  • \uxxxx 查找以十六进制数 xxxx 规定的 Unicode 字符。

正则表达式中的括号

大括号 ()

进行分组。好比email地址,我们就可以将它分为

  1. @前面的部分;
  2. @后面’.’之前的部分;
  3. ’.’之后的部分;
    如果要匹配所有gamil邮箱中@前的用户名中带有jack的替换为joel

    'iamjack007@gmail.com'.replace(/^(\w*)(jack)(\w*)@gmail\.com$/, '$1joel$3@gmail.com');  //"iamjoel007@gmail.com"

    这种类似于模块化的思想,不仅使我们一次可以专注于查找其中的一个小部分,也可以让我们在后面可以轻松的替换其中的某个部分,而不需要纠结于“牵一发而动全身”的痛苦。

方括号 []

用于查找某个范围内的字符

  • [abc] 查找方括号之间的任何字符。
  • [^abc] 查找任何不在方括号之间的字符。
  • [0-9] 查找任何从 0 至 9 的数字。
  • [a-z] 查找任何从小写 a 到小写 z 的字符。
  • [A-Z] 查找任何从大写 A 到大写 Z 的字符。
  • [A-z] 查找任何从大写 A 到小写 z 的字符。
  • [adgk] 查找方括号内的任何字符。
  • [^adgk] 查找不在方括号内的任何字符。

量词

匹配多个。如匹配3个数字可用正则/\d{3}/

  • n+ 匹配任何包含至少一个 n 的字符串。
  • n* 匹配任何包含零个或多个 n 的字符串。
  • n? 匹配任何包含零个或一个 n 的字符串。
  • n{X} 匹配包含 X 个 n 的序列的字符串。
  • n{X,Y} 匹配包含 X 或 Y 个 n 的序列的字符串。
  • n{X,} 匹配包含至少 X 个 n 的序列的字符串。
  • n$ 匹配任何结尾为 n 的字符串。
  • ^n 匹配任何开头为 n 的字符串。
  • ?=n 匹配任何其后紧接指定字符串 n 的字符串。
  • ?!n 匹配任何其后没有紧接指定字符串 n 的字符串。

习题

  1. 在字符串”1.5 0 123 -7 -0.4”里面匹配带小数点的数,无论是正的还是负的。
  2. 在字符串”1.5 0 123”中匹配数字([1.5,0,123]),无论是整数还是小数。
  3. 更多习题

进阶

贪婪和非贪婪模式

默认正则匹配是贪婪模式的,即前面的正则匹配尽可能多的。如

/(\d+)(\d+)/.exec('12345');//结果["12345", "1234", "5"]

开启非贪婪模式,量词后面加?

/(\d+?)(\d+)/.exec('12345');//结果["12345", "1", "2345"]

更详细的的解释,点这里

非捕获性分组

在括号内容以?:开头。如:

/(?:\d+)\d+/.exec('123');// 结果 ["123"]

匹配

Lookaround 是 向前匹配(Lookahead) 和 向后匹配(Lookbehind) 的统称。
向前匹配

包括向前正向匹配(Positive Lookahead)和向前负向匹配(Negative Lookahead),语法是 ?= 和 ?!
前正向匹配:匹配任何其后紧接指定字符串 n 的字符串。
向前负向匹配:匹配任何其后没有紧接指定字符串 n 的字符串。

类似的还有向后匹配。
在javascript目前只能使用 Lookahead,还无法使用 Lookbehind。

Lookaround 参考教程:http://www.regular-expressions.info/lookaround.html

正则拓展库

xregexp特性

  1. 支持所有的ES5的正则的语法。
  2. 兼容 Explorer 5.5+, Firefox 1.5+, Chrome, Safari 3+, and Opera 11+。在nodejs上也可以使用。
  3. 比原生正则可读性高。
  4. 比原生正则易用。

更多资源

  • 正则简明参考

参考

  • http://www.w3school.com.cn/js/jsref_obj_regexp.asp
  • http://www.html-js.com/article/A-day-to-learn-JavaScript-JavaScript-regular-expressions-a
  • http://javascript.info/tutorial/regular-expressions-javascript
  • https://github.com/lifesinger/lifesinger.github.com/issues/162#wechat_redirect

习题答案

  1. '1.5 0 123 -7 -0.4'.match(/(-?\d+.\d+)/g)
  2. '1.5 0 123'.match(/(\d+.?\d+)|0/g)
 推荐拓展阅读

转载于:https://www.cnblogs.com/zjx2011/p/4517482.html

javascript正则表达式介绍相关推荐

  1. 表示所有字符的正则表达式html,JavaScript正则表达式介绍

    正则表达式使用单个字符串来描述.匹配一系列符合某个句法规则的字符串搜索模式.搜索模式可用于文本搜索和文本替换. 什么是正则表达式正则表达式,英语:Regular Expression,在代码中常简写为 ...

  2. javascript 正则表达式详解

    正则表达式中的特殊字符 字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个 ...

  3. JavaScript正则表达式详解(一)正则表达式入门

    JavaScript正则表达式是很多JavaScript开发人员比较头疼的事情,也很多人不愿意学习,只是必要的时候上网查一下就可以啦~本文中详细的把JavaScript正则表达式的用法进行了列表,希望 ...

  4. JavaScript正则表达式语法与示例

    正则表达式介绍 1.正则表达式是用于匹配字符串中字符组合的模式.正则表达式的模式规则是由一个字符序列组成的.包括所有字母和数字在内,大多数的字符都是直接按照直接量描述待匹配的字符.除此之外,正则表达式 ...

  5. 玩转JavaScript正则表达式

    Why Regular Expression 我们先来看看,我们干哈要学正则表达式这玩意儿: 复杂的字符串搜寻.替换工作,无法用简单的方式(类似借助标准库函数)达成. 能够帮助你进行各种字符串验证. ...

  6. JavaScript正则表达式快速简单的指南

    Interested in learning JavaScript? Get my ebook at jshandbook.com 有兴趣学习JavaScript吗? 在jshandbook.com上 ...

  7. JavaScript 正则表达式(RegExp对象、属性、方法、String支持)

    内容来源:JavaScript RegExp 对象参考手册    http://www.w3school.com.cn/js/jsref_obj_regexp.asp RegExp 对象 RegExp ...

  8. javascript正则表达式-姜威-专题视频课程

    javascript正则表达式-2824人已学习 课程介绍         本课程以 javascript 程序为基础,主讲在js中正则的用法,课程内提供测试环境,所有规则简单易懂,围绕着js的相关函 ...

  9. 《JavaScript 正则表达式迷你书》知识点小抄本

    介绍 这周开始学习老姚大佬的<JavaScript 正则表达式迷你书> , 然后习惯性的看完一遍后,整理一下知识点,便于以后自己重新复习. 我个人觉得:自己整理下来的资料,对于知识重现,效 ...

最新文章

  1. django mysql开发_【python-Django开发】Django 配置MySQL数据库讲解!!!
  2. 太优秀了!GitHub 标星 40000+ 的大佬和他们的公众号
  3. DataUml Design 教程6-DataUML Design 1.1版本号正式公布(支持PD数据模型)
  4. ACM-ICPC 2018 沈阳赛区网络预赛 D Made In Heaven(第k短路,A*算法)
  5. QT4使用HDF5 类型错误
  6. java如何快速抛出异常,异常 - 如何抛出异常 - 《Java 编程要点(Essential Java)》 - 书栈网 · BookStack...
  7. 深入浅出分布式存储的设计与优化之道
  8. ffmpeg添加到环境变量_在 Mac 上为 FFmpeg 配置环境变量
  9. 分享一个蛋疼的俄罗斯方块小游戏
  10. 关于vue的钩子函数+生命周期
  11. MySQL 5.6 主从报错一例
  12. [转载] TensorFlow2.0 学习 线性回归
  13. 北大学子求职经历与建议(IT类) 收藏
  14. 台式机linux连wifi,台式电脑怎么用wifi八种方法解决
  15. Linux中vdbench的安装与使用
  16. Vue.js 第5章 webpack配置
  17. 机器学习之线性回归 Linear Regression(三)scikit-learn算法库
  18. 「量化技术」Inv_Strategy 胜率76%的趋势反转策略
  19. android 有哪些设备id,Android之设备ID(Device ID)
  20. Scala 继承和特质

热门文章

  1. 如何进行网络推广浅析网站长尾词优化该如何更好地操作?
  2. 大连网络推广浅谈网站过度优化的表现以及解决方法!
  3. 万词霸屏的本质是什么?
  4. 网络推广专员如何通过社交能力扩宽外链渠道助力网络推广?
  5. jmeter定时器的使用_jmeter压测学习30定时器之固定定时器(sleep等待时间)
  6. ladp3 获取属性_Ldap获取ad属性的方法.
  7. 360安全浏览器兼容模式怎么设置_360浏览器极速模式怎么设置
  8. AI目前的根本问题——缺乏 自由意志,无法分辨真正的善恶
  9. numpy amin amax
  10. flask 返回html json 并让ios 安卓接收