JS 学习总结之正则表达式的懒惰性和贪婪性


Posted in Javascript onJuly 03, 2017

exec - > 正则的捕获

每一次捕获的时候都是先进行默认的匹配,如果没有匹配成功的,捕获的结果是null;只有有匹配的内容我们才能捕获到;

捕获的内容格式

1、捕获到的内容是一个数组,数组中的第一项是当前正则捕获的内容

index:捕获内容在字符串中开始的索引位置

input:捕获的原始字符串

var reg = /\d+/;
var str = 'woshi2016ni2017';
var res = reg.exec(str);
console.log(res) // ['2016',index:5,input:'woshi2016ni2017']
//第二次通过exec捕获的内容还是第一个"2016"
var res = reg.exec(str);
console.log(res) // ['2016',index:5,input:'woshi2016ni2017']

2、正则捕获的特点

1)、懒惰性->每一次执行exec只捕获第一个匹配的内容,在不进行任何处理的情况下,在执行多次捕获,捕获的还是第一个匹配的内容。

lastIndex:是正则每一次捕获在字符串中开始查找的位置,默认值为0

2)、如何解决懒惰性?在正则的末尾加一个修饰符"g"

修饰符:g、i、m

global(g):全局匹配

ignoreCase(i):忽略大小写匹配

multiline(m):多行匹配

var reg = /\d/g;
var str = 'woshi2016ni2017';
console.log(reg.lastIndex)
console.log(reg.exec(str))

 

原理:加了全局修饰符g,正则每一次捕获结束后,我们的lastIndex的值都变成了最新的值,下一次捕获从最新的位置开始查找,这样就可以把所有需要捕获的内容都获取到了

3)、自己编写程序获取正则捕获的所有的内容(一定不要忘了加g)

var reg = /\d+/g;
    var str = 'aswofde2015xsewde2016awdefer2017';
    var ary = [];
    var res = reg.exec(str);
    while(res){
      ary.push(res[0])
      res = reg.exec(str);
    }
    console.log(ary)//[2015,2016,2017]

4)、贪婪性   正则的每一次捕获都是按照匹配最长的结果捕获的,例如:2符合正则、2015也符合正则,我们默认捕获的是2015

5)、如何解决正则的贪婪性 ->在量词元字符后面添加一个?即可 

var reg = /\d+?/g;
    var str = 'aswofde2015xsewde2016awdefer2017';
    console.log(reg.exec(str));

?在正则中有很多的作用:

放在一个普通的元字符后面代表出现0-1次 /\d?/  ->数字可能出现也可能不出现

放在一个量词的元字符后面是取消捕获时候的贪婪性

3、字符串中的match方法->把所有和正则匹配的字符都获取到

var reg = /\d+?/g;
    var str = 'aswofde2015xsewde2016awdefer2017';
    var ary = str.match(reg);//[2,0,1,5,2,0,1,6,2,0,1,7]

虽然在当前的情况下match比我们的exec更加的简便一些,但是match中存在一些自己处理不了的问题,在分组的捕获的情况下,match只能捕获大正则匹配的内容,而对于小正则捕获的内容是无法获取的

以上所述是小编给大家介绍的JS 学习总结之正则表达式的懒惰性和贪婪性,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
Apr 27 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
Oct 04 Javascript
基于jquery的图片幻灯展示源码
Jul 15 Javascript
jQuery实现鼠标可拖动调整表格列宽度
May 26 Javascript
JS修改iframe页面背景颜色的方法
Apr 01 Javascript
JS for循环中i++ 和 ++i的区别介绍
Jul 20 Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 Javascript
webpack配置文件和常用配置项介绍
Apr 28 Javascript
js实现canvas图片与img图片的相互转换的示例
Aug 31 Javascript
js+html实现周岁年龄计算器
Jun 25 Javascript
基于javascript实现日历功能原理及代码实例
May 07 Javascript
10分钟学会js处理json的常用方法
Dec 06 Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
Jul 03 #Javascript
微信小程序开发中的疑问解答汇总
Jul 03 #Javascript
JavaScript之promise_动力节点Java学院整理
Jul 03 #Javascript
JavaScript之DOM_动力节点Java学院整理
Jul 03 #Javascript
javaScript中封装的各种写法示例(推荐)
Jul 03 #Javascript
JavaScript之class继承_动力节点Java学院整理
Jul 03 #Javascript
JavaScript之浏览器对象_动力节点Java学院整理
Jul 03 #Javascript
You might like
PHP获取文件后缀名的三个函数
2012/10/15 PHP
PHP实现的堆排序算法详解
2017/08/17 PHP
PHP如何搭建百度Ueditor富文本编辑器
2018/09/21 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
js获取系统的根路径实现介绍
2013/09/08 Javascript
jquery 清空file域示例(兼容个浏览器)
2013/10/11 Javascript
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
2013/12/16 Javascript
禁用Tab键JS代码兼容Firefox和IE
2014/04/18 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
2016/01/23 Javascript
jQuery Mobile框架中的表单组件基础使用教程
2016/05/17 Javascript
JavaScript实现自定义媒体播放器方法介绍
2017/01/03 Javascript
JavaScript函数节流和函数防抖之间的区别
2017/02/15 Javascript
Vue.js实现列表清单的操作方法
2017/11/15 Javascript
JS+H5 Canvas实现时钟效果
2018/07/20 Javascript
vue实现微信获取用户信息的方法
2019/03/21 Javascript
小程序实现层叠卡片滑动效果
2019/08/26 Javascript
[13:55]Newbee vs Team Spirit
2018/06/07 DOTA
python 实现堆排序算法代码
2012/06/05 Python
Python内置数据结构与操作符的练习题集锦
2016/07/01 Python
python中pip的安装与使用教程
2018/08/10 Python
python opencv 图像拼接的实现方法
2019/06/27 Python
Python读取xlsx文件的实现方法
2019/07/04 Python
Python 控制终端输出文字的实例
2019/07/12 Python
解决Pycharm 运行后没有输出的问题
2021/02/05 Python
CSS3五个技巧给你的网站带来出色的效果
2009/04/02 HTML / CSS
英国最大的运动营养公司之一:LA Muscle
2018/07/02 全球购物
Currentbody德国站:健康与美容技术专家
2020/04/05 全球购物
安全生产汇报材料
2014/02/17 职场文书
小学生新年寄语
2014/04/03 职场文书
七夕情人节促销方案
2014/06/07 职场文书
增员口号大全
2014/06/18 职场文书
教师反腐倡廉演讲稿
2014/09/03 职场文书
合作合同协议书范本
2015/01/27 职场文书
实践论读书笔记
2015/06/29 职场文书
合理化建议书范文
2015/09/14 职场文书
浅谈GO中的Channel以及死锁的造成
2022/03/18 Golang