JavaScript中的正则表达式简明总结


Posted in Javascript onApril 04, 2014

一、定义正则表达式的方法

定义正则表达式的方法有两种:构造函数定义和正则表达式直接量定义。例如:

var reg1 = new RegExp('\d{5, 11}'); // 通过构造函数定义
var reg2 = /\d{5, 12}/; // 通过直接量定义

正则表达式直接量字符
       \o:NUL字符(\u0000)
       \t:制表符(\u0009)
       \n:换行符(\u000A)
       \v:垂直制表符(\u000B)
       \f:换页符(\u000C)
       \r:回车符(\u000D)
       \xnn:由十六进制数nn指定的拉丁字符,例如,\x0A等价于\n
       \uxxxx:由十六进制数xxxx指定的Unicode字符,例如\u0009等价于\t
       \cX:控制字符^X,例如,\cJ等价于换行符\n
正则表达式锚字符
       ^:匹配字符串的开头,在多行检索中,匹配一行的开头
       $:匹配字符串的结尾,在多行检索中,匹配一行的结尾
       \b:匹配一个单词的边界,简言之,就是位于字符\w和\W之间的位置,或位于字符\w和字符串的开头或者结尾之间的位置([\b]匹配的是退格符)
       \B:匹配非单词边界的位置
       (?=p):零宽正向先行断言,要求接下来的字符都与p匹配,但不能包括匹配p的那些字符
       (?!p):零宽负向先行断言,要求接下来的字符串不与p匹配
正则表达式的字符类
       [...]:方括号内的任意字符
       [^...]:不在方括号内的任意字符
       .:除换行符和其他Unicode行终止符之外的任意字符
       \w:任何ASCII字符组成的单词,等价于[a-zA-Z0-9]
       \W:任何不是ASCII字符组成的单词,等价于[^a-zA-Z0-9]
       \s:任何Unicode空白符
       \S:任何非Unicode空白符的字符,注意\w和\S不同
       \d:任何ASCII数字,等价于[0-9]
       \D:除了ASCII数字之外的任何字符,等价于[^0-9]
       [\b]:退格直接量(特例)
正则表达式的重复字符语法
       {n, m}:匹配前一项至少n次,但不能超过m次
       {n, }:匹配前一项n次或者更多次
       {n}:匹配前一项n次
       ?:匹配前一项0次或者1次,也就是说前一项是可选的,等价于{0, 1}
       +:匹配前一项1次或多次,等价于{1, }
       *:匹配前一项0次或多次,等价于{0, }
正则表达式的选择、分组和引用字符
       |:选择,匹配的是该符号左边的子表达式或右边的子表达式
       (…):组合,将几个项组合为一个单元,这个单元可通过“*”、“+”、“?”和“|”等符号加以修饰,而且可以记住和这个组相匹配的字符串以供此后的任何使用
       (?: …):只组合,把项组合到一个单元,但是不记忆与改组相匹配的字符
       \n:和第n个分组第一次匹配的字符相匹配,组是圆括号中的子表达式(也有可能是嵌套的),组索引是从左到右的左括号数,“(?:”形式的分组不编码
正则表达式修饰符
       i:执行不区分大小写的匹配
       g:执行一个全局匹配,简言之,即找到所有的匹配,而不是在找到第一个之后就停止
       m:多行匹配模式,^匹配一行的开头和字符串的开头,$匹配行的结尾和字符串的结尾
用于模式匹配的String方法
       search():它的参数是一个正则表达式,返回第一个与之匹配的子串的起始位置,如果没有匹配的子串就返回-1。如果search()的参数不是正则表达式,则首先会通过RegExp构造函数将它转换为正则表达式,search()不支持全局检索,因为它忽略修饰符g。如:

var s = "JavaScript".search(/script/i); // s = 4

 

       replace():它用来执行检索与替换。接收两个参数,第一个是正则表达式,第二个是要进行替换的字符串。正则表达式如果设置的修饰符g,则进行全局替换,否则只替换匹配的第一个子串。如果第一个参数不是正则表达式,则直接搜索该字符串,而不是将其转换为正则表达式。如:

var s = "JavaScript".replace(/java/gi, "Script"); // s =  Script Script

 

       match():它的参数是一个正则表达式,如果不是则通过RegExp转换,返回的是一个由匹配结果组成的数组。如果设置了修饰符g则进行全局匹配。如:

var d = '55 ff 33 hh 77 tt'.match(/\d+/g); // d = ["55", "33", "77"]

 

       split():这个方法用以将调用它的字符串拆分为一个子串组成的数组,使用的分隔符是split()的参数,它的参数也可以使一个正则表达式。如:

var d = '123,31,453,645'.split(','); // d = ["123", "31", "453", "645"]
var d = '21 , 123,  44,  64,  67,  3'.split(/\s*,\s*/); // d = ["21", "123", "44", "64", "67", "3"]

二、RegExp对象
       每个RegExp对象都有5个属性。属性source是一个只读字符串,包含正则表达式的文本。属性global是一个只读布尔值,用以说明这个正则表达式是否带有修饰符g。属性ignoreCase是一个只读布尔值,用以说明这个正则表达式是否带有修饰符i。属性multiline是一个只读布尔值,用以说明这个正则表达式是否带有修饰符m。属性lastIndex是一个可读可写的整数,如果匹配模式带有g修饰符,这个属性存储整个字符串中下一次检索的开始位置。
       RegExp对象有两个方法。exec()的参数是一个字符串,它的功能与match()相似,exec()方法对一个指定的字符串执行一个正则表达式,也就是在一个字符串中执行匹配检索。如果没有找到任何匹配就返回null,找到了匹配就返回一个数组,这个数组的第一个元素包含的是与正则表达式相匹配的字符串,余下的元素是与圆括号内的子表达式相匹配的子串,不论正则表达式是否有修饰符g,都会返回一样的数组。当调用exec()的正则表达式对象具有修饰符g时,它将把当前正则表达式对象的lastIndex属性设置为紧挨着匹配子串的字符位置。当同一个正则表达式第二次调用exec()时,它将从lastIndex属性所指示的字符串处开始检索,如果exec()没有发现任何匹配结果,它会将lastIndex重置为0。如:

var p = /Java/g;
var text = "JavaScript is more fun than Java!"
var r;
while((r = p.exec(text)) != null) {
       console.log(r, 'lastIndex: ' + p.lastIndex);
}

       另外一个方法是test(),它的参数是一个字符串,用test()对某个字符串进行检查,如果包含正则表达式的一个匹配结果,则返回true否则返回false。如:

var p = /java/i;
p.test('javascript'); // true
Javascript 相关文章推荐
基于jQuery的弹出框插件
Mar 18 Javascript
JS实现程序暂停与继续功能代码解读
Oct 10 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
Jul 14 Javascript
基于Jquery实现万圣节快乐特效
Nov 01 Javascript
JS鼠标拖拽实例分析
Nov 23 Javascript
AngularJS入门教程之路由与多视图详解
Aug 19 Javascript
vue中如何实现变量和字符串拼接
Jun 19 Javascript
关于vue的npm run dev和npm run build的区别介绍
Jan 14 Javascript
taro小程序添加骨架屏的实现代码
Nov 15 Javascript
js实现移动端吸顶效果
Jan 08 Javascript
微信小程序自定义胶囊样式
Dec 27 Javascript
详解如何解决使用JSON.stringify时遇到的循环引用问题
Mar 23 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
Apr 04 #Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 #Javascript
JQuery记住用户名和密码的具体实现
Apr 04 #Javascript
JS根据变量保存方法名并执行方法示例
Apr 04 #Javascript
JavaScript制作的可折叠弹出式菜单示例
Apr 04 #Javascript
JavaScript排序算法之希尔排序的2个实例
Apr 04 #Javascript
JavaScript中的prototype.bind()方法介绍
Apr 04 #Javascript
You might like
Netflix将与CLAMP、乙一以及冲方丁等6名知名制作人合伙展开原创动画计划!
2020/03/06 日漫
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
php笔记之:文章中图片处理的使用
2013/04/26 PHP
PHP处理SQL脚本文件导入到MySQL的代码实例
2014/03/17 PHP
php实现简单文件下载的方法
2015/01/30 PHP
php安装ssh2扩展的方法【Linux平台】
2016/07/20 PHP
针对PHP开发安全问题的相关总结
2019/03/22 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
2011/11/14 Javascript
javascript中关于break,continue的特殊用法与介绍
2012/05/24 Javascript
JS命名空间的另一种实现
2013/08/09 Javascript
javascript动态添加、修改、删除对象的属性与方法详解
2014/01/27 Javascript
js打开windows上的可执行文件示例
2014/05/27 Javascript
jquery获取复选框的值的简单实例
2016/05/26 Javascript
使用clipboard.js实现复制功能的示例代码
2017/10/16 Javascript
python统计cpu利用率的方法
2015/06/02 Python
Python3.4实现远程控制电脑开关机
2018/02/22 Python
Python迭代器与生成器用法实例分析
2018/07/09 Python
python自定义线程池控制线程数量的示例
2019/02/22 Python
浅析Python3中的对象垃圾收集机制
2019/06/06 Python
如何关掉pycharm中的python console(图解)
2019/10/31 Python
浅谈Python访问MySQL的正确姿势
2020/01/07 Python
python处理RSTP视频流过程解析
2020/01/11 Python
python实现翻译word表格小程序
2020/02/27 Python
django queryset相加和筛选教程
2020/05/18 Python
Jo Malone美国官网:祖玛珑香水
2017/03/27 全球购物
Jeep牧马人、切诺基和自由人零配件:4 Wheel Drive Hardware
2017/07/02 全球购物
SQL Server提供的3种恢复模型都是什么? 有什么区别?
2012/05/13 面试题
Java基础类库面试题
2013/09/04 面试题
综合办公室主任职责
2013/12/16 职场文书
幼儿园中班开学寄语
2014/04/03 职场文书
纪念九一八事变演讲稿:忘记意味着背叛
2014/09/14 职场文书
2016年感恩节活动总结大全
2016/04/01 职场文书
公司开业的祝贺语大全(60条)
2019/07/05 职场文书
《文化苦旅》读后感:阅读,让人诗意地栖居在大地上
2019/12/24 职场文书
KVM基础命令详解
2022/04/30 Servers