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 相关文章推荐
从javascript语言本身谈项目实战
Dec 27 Javascript
JavaScript Event学习第二章 Event浏览器兼容性
Feb 07 Javascript
Javasipt:操作radio标签详解
Dec 30 Javascript
js 获取元素在页面上的偏移量的方法汇总
Apr 13 Javascript
jquery树形菜单效果的简单实例
Jun 06 Javascript
20分钟打造属于你的Bootstrap站点
Jul 27 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
Nov 18 Javascript
JS根据生日月份和日期计算星座的简单实现方法
Nov 24 Javascript
Vue keep-alive实践总结(推荐)
Aug 31 Javascript
javascript中floor使用方法总结
Feb 02 Javascript
微信小程序图片自适应实现解析
Jan 21 Javascript
vue点击按钮实现简单页面的切换
Sep 08 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
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
php数组函数序列之end() - 移动数组内部指针到最后一个元素,并返回该元素的值
2011/10/31 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
SCP远程VPS快速搬家和WDCP升级php5.3安装memcached和eaccelerator教程
2017/07/27 PHP
Javascript学习笔记2 函数
2010/01/11 Javascript
js怎么终止程序return不行换jfslk
2013/05/30 Javascript
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
2013/07/10 Javascript
基于jquery插件实现常见的幻灯片效果
2013/11/01 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
2015/03/13 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
2017/08/17 Javascript
Angular 4.0学习教程之架构详解
2017/09/12 Javascript
javascript 缓冲运动框架的实现
2017/09/29 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
2018/03/01 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
JS实现容器模块左右拖动效果
2020/01/14 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
2020/03/13 Javascript
在vue中封装方法以及多处引用该方法详解
2020/08/14 Javascript
VUE : vue-cli中去掉路由中的井号#操作
2020/09/04 Javascript
javascript全局自定义鼠标右键菜单
2020/12/08 Javascript
Python代码解决RenderView窗口not found问题
2016/08/28 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
4款Python 类型检查工具,你选择哪个呢?
2020/10/30 Python
用python批量下载apk
2020/12/29 Python
CSS3实现多背景模拟动态边框的效果
2016/11/08 HTML / CSS
魔声耳机官方网站:Monster是世界第一品牌的高性能耳机
2016/10/26 全球购物
英国现代绅士品牌:Hackett
2017/12/17 全球购物
销售文员岗位职责
2013/11/29 职场文书
营业员实习自我鉴定
2013/12/07 职场文书
企业给企业的表扬信
2014/01/13 职场文书
竞选部门副经理的自荐书范文
2014/02/11 职场文书
摄影专业毕业生求职信
2014/08/05 职场文书
2014年法制宣传日活动方案
2014/11/02 职场文书
文员岗位职责
2015/02/04 职场文书
音乐课《小猫钓鱼》教学反思
2016/02/18 职场文书
导游词之澳门妈祖庙
2019/12/19 职场文书