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 相关文章推荐
Jquery实战_读书笔记2 选择器
Jan 22 Javascript
jquery isType() 类型判断代码
Feb 14 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
Mar 03 Javascript
JavaScript作用域示例详解
Jul 07 Javascript
js学习之----深入理解闭包
Nov 21 Javascript
Node.js和Express简单入门介绍
Mar 24 Javascript
Web前端框架Angular4.0.0 正式版发布
Mar 28 Javascript
使用Math.max,Math.min获取数组中的最值实例
Apr 25 Javascript
Vue+Typescript中在Vue上挂载axios使用时报错问题
Aug 07 Javascript
vue实现axios图片上传功能
Aug 20 Javascript
js实现图片3D轮播效果
Sep 21 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
Jul 28 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_Flame(Version:Progress)的原代码
2006/10/09 PHP
JavaScript 面向对象之命名空间
2010/05/04 Javascript
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
jQuery实现复选框成对选择及对应取消的方法
2015/03/03 Javascript
纯js实现无限空间大小的本地存储
2015/06/18 Javascript
javascript运算符——逻辑运算符全面解析
2016/06/27 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
2016/06/29 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】
2017/03/09 Javascript
js 监控iframe URL的变化实例代码
2017/07/12 Javascript
浅谈webpack-dev-server的配置和使用
2018/05/17 Javascript
vue-router权限控制(简单方式)
2018/10/29 Javascript
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
详解Element 指令clickoutside源码分析
2019/02/15 Javascript
layerui代码控制tab选项卡,添加,关闭的实例
2019/09/04 Javascript
小程序采集录音并上传到后台
2019/11/22 Javascript
vue中keep-alive、activated的探讨和使用详解
2020/07/26 Javascript
python海龟绘图实例教程
2014/07/24 Python
跟老齐学Python之开始真正编程
2014/09/12 Python
初步认识Python中的列表与位运算符
2015/10/12 Python
python实现随机森林random forest的原理及方法
2017/12/21 Python
使用WingPro 7 设置Python路径的方法
2019/07/24 Python
基于Python3.6中的OpenCV实现图片色彩空间的转换
2020/02/03 Python
Python基于BeautifulSoup爬取京东商品信息
2020/06/01 Python
python使用re模块爬取豆瓣Top250电影
2020/10/20 Python
一道Delphi上机题
2012/06/04 面试题
大二学期个人自我评价
2014/01/13 职场文书
乡村卫生服务一体化管理实施方案
2014/03/30 职场文书
小学班主任寄语大全
2014/04/04 职场文书
安全技术说明书
2014/05/09 职场文书
海洋科学专业求职信
2014/08/10 职场文书
政风行风建设整改方案
2014/10/27 职场文书
长城导游词400字
2015/01/30 职场文书
五星级酒店前台接待岗位职责
2015/04/02 职场文书
2019个人年度目标制定攻略!
2019/07/12 职场文书
MySQL利用UNION连接2个查询排序失效详解
2021/11/20 MySQL
移除Selenium中window.navigator.webdriver值
2022/06/10 Python