js正则表达exec与match的区别说明


Posted in Javascript onJanuary 29, 2014

以前用js很少用到js的正则表达式,即使用到了,也是诸如邮件名称之类的判断,网上代码很多,很少有研究,拿来即用。

最近开发遇到一些需要使用正则表达式,顺便研究一下

正则表达式对象有两个定义方式::

1、第一种定义:

new RegExp(pattern, attributes);如var reg = new RegExp("abc","g")

其中pattern为表示表达式内容,如上表示匹配abc

attributes:g,全局匹配,i不区分大小写,m执行多行匹配,用最多的为g和i

2、第二种定义:/pattern/attributes.

如:var reg = /abc/g;

正则表达的规则一些规则在此不再说明,只记录exec和match的区别:

1、exec是正则表达式的方法,而不是字符串的方法,它的参数才是字符串,如下所示:

如上定义
var reg = new RegExp("abc") ;
var str = "3abc4,5abc6";
reg.exec(str ); 

2、match是字符串执行匹配正则表达式规则的方法,他的参数是正则表达,如

var reg = new RegExp("abc") ;
var str = "3abc4,5abc6";
str.match(reg);

3、exec和match返回的都是数组;

如果exec执行的正则表达式没有子表达式(小括号内的内容,如/abc(\s*)/中的(\s*) ),如果有匹配,就返回第一个匹配的字符串内容,此时的数组仅有一个元素,如果没有匹配返回null;

var reg = new RegExp("abc") ;
var str = "3abc4,5abc6";
alert(reg.exec(str));
alert(str.match(reg));

执行如上代码,你会发现两者内容均为一样:abc,

4、如果定义正则表达对象为全局匹配如:

var reg = new RegExp("abc","g") ;
var str = "3abc4,5abc6";
alert(reg.exec(str));
alert(str.match(reg));

则 为abc和abc,abc;因为match执行了全局匹配查询;而exec如果没有子表达式只会找到一个匹配的即返回。

5、当表示中含有子表达式的情况:

var reg = new RegExp("a(bc)") ;
var str = "3abc4,5abc6";
alert(reg.exec(str));
alert(str.match(reg));

你会发现两者执行的结果都是:abc,bc;

6、当如果正则表达式对象定义为为全局匹配

var reg = new RegExp("a(bc)","g") ;
var str = "3abc4,5abc6";
alert(reg.exec(str));
alert(str.match(reg));

则两者返回的结果是abc,bc和abc,abc,

总结为:

1、当正则表达式无子表达式,并且定义为非全局匹配时,exec和match执行的结果是一样,均返回第一个匹配的字符串内容;

2、当正则表达式无子表达式,并且定义为全局匹配时,exec和match执行,做存在多处匹配内容,则match返回的是多个元素数组;

3、当正则表达式有子表示时,并且定义为非全局匹配,exec和match执行的结果是一样如上边的第5种情况;

4、当正则表达式有子表示时,并且定义为全局匹配,exec和match执行的结果不一样,此时match将忽略子表达式,只查找全匹配正则表达式并返回所有内容,如上第6种情况;

也就说,exec与全局是否定义无关系,而match则于全局相关联,当定义为非全局,两者执行结果相同

Javascript 相关文章推荐
javascript中获取下个月一号,是星期几
Jun 01 Javascript
js对象转json数组的简单实现案例
Feb 28 Javascript
JQuery 控制内容长度超出规定长度显示省略号
May 23 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
Mar 16 Javascript
jquery通过closest选择器修改上级元素的方法
Mar 17 Javascript
react-native 完整实现登录功能的示例代码
Sep 11 Javascript
微信小程序实现form表单本地储存数据
Jun 27 Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
Sep 23 Javascript
js实现提交前对列表数据的增删改查
Jan 16 Javascript
jQuery--遍历操作实例小结【后代、同胞及过滤】
May 22 jQuery
vuejs实现下拉框菜单选择
Oct 23 Javascript
vue实现登陆页面开发实践
May 30 Vue.js
jquery实现input输入框实时输入触发事件代码
Jan 28 #Javascript
用jquery等比例控制图片宽高的具体实现
Jan 28 #Javascript
jQuery实现当按下回车键时绑定点击事件
Jan 28 #Javascript
用js正确判断用户名cookie是否存在的方法
Jan 28 #Javascript
原生javascript实现无间缝滚动示例
Jan 28 #Javascript
IE、FF浏览器下修改标签透明度
Jan 28 #Javascript
纯css+js写的一个简单的tab标签页带样式
Jan 28 #Javascript
You might like
用PHP实现多级树型菜单
2006/10/09 PHP
几个学习PHP的网址
2006/11/25 PHP
PHP写日志的实现方法
2014/11/05 PHP
如何通过Linux命令行使用和运行PHP脚本
2015/07/29 PHP
PHP扩展Memcache分布式部署方案
2015/12/06 PHP
验证token、回复图文\文本、推送消息的实用微信类php代码
2016/06/28 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
PHP闭包定义与使用简单示例
2018/04/13 PHP
showModalDialog 和 showModelessDialog
2007/01/22 Javascript
最常用的12种设计模式小结
2011/08/09 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
2013/04/15 Javascript
JS常用函数使用指南
2014/11/23 Javascript
JavaScript设计模式之装饰者模式介绍
2014/12/28 Javascript
BootStrap制作导航条实例代码
2016/05/06 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
2016/05/26 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
2016/07/18 Javascript
购物车前端开发(jQuery和bootstrap3)
2016/08/27 Javascript
9个让JavaScript调试更简单的Console命令
2016/11/14 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
JavaScript中定义对象原型的两种使用方法
2016/12/15 Javascript
js中创建对象的几种方式
2017/02/05 Javascript
requireJS模块化实现返回顶部功能的方法详解
2017/10/16 Javascript
Angular 开发学习之Angular CLI的安装使用
2017/12/31 Javascript
cdn模式下vue的基本用法详解
2018/10/07 Javascript
vue全局使用axios的方法实例详解
2018/11/22 Javascript
js实现鼠标拖拽div左右滑动
2020/01/15 Javascript
React Native登录之指纹登录篇的示例代码
2020/11/03 Javascript
Python 使用os.remove删除文件夹时报错的解决方法
2017/01/13 Python
django初始化数据库的实例
2018/05/27 Python
python list多级排序知识点总结
2019/10/23 Python
window7下的python2.7版本和python3.5版本的opencv-python安装过程
2019/10/24 Python
阻止移动设备(手机、pad)浏览器双击放大网页的方法
2014/06/03 HTML / CSS
百度JavaScript笔试题
2015/01/15 面试题
保险专业大学生职业规划书
2014/03/03 职场文书
市场开发计划书
2014/05/07 职场文书
2015年五一劳动节慰问信
2015/03/23 职场文书