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 相关文章推荐
用js来解决ajax读取页面乱码
Nov 28 Javascript
如何让页面加载完成后执行js
Jun 26 Javascript
JavaScript实现的双向跨域插件分享
Jan 31 Javascript
jQuery实现简单隔行变色的方法
Feb 20 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
May 13 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
jstl中判断list中是否包含某个值的简单方法
Oct 14 Javascript
微信小程序 页面跳转传参详解
Oct 28 Javascript
Vue-不允许嵌套式的渲染方法
Sep 13 Javascript
浅谈Vuex注入Vue生命周期的过程
May 20 Javascript
Angular8 Http拦截器简单使用教程
Aug 20 Javascript
Vue学习笔记之计算属性与侦听器用法
Dec 07 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
最常用的8款PHP调试工具
2014/07/06 PHP
如何让您的中波更粗更长 - 中波框形天线制作
2021/03/10 无线电
javascript中删除指定数组中指定的元素的代码
2011/02/12 Javascript
js实现大转盘抽奖游戏实例
2015/06/24 Javascript
JavaScript采用递归算法计算阶乘实例
2015/08/04 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
2016/05/10 Javascript
JavaScript中cookie工具函数封装的示例代码
2016/10/11 Javascript
Web 开发中Ajax的Session 超时处理方法
2017/01/19 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
2017/12/06 jQuery
利用原生js实现html5小游戏之打砖块(附源码)
2018/01/03 Javascript
D3.js实现简洁实用的动态仪表盘的示例
2018/04/04 Javascript
Vue js 的生命周期(看了就懂)(推荐)
2019/03/29 Javascript
亲自动手实现vue日历控件
2019/06/26 Javascript
微信小程序 checkbox使用实例解析
2019/09/09 Javascript
解决vue初始化项目一直停在downloading template的问题
2020/11/09 Javascript
[03:56]显微镜下的DOTA2第十一期——鬼畜的死亡先知播音员
2014/06/23 DOTA
Python常见格式化字符串方法小结【百分号与format方法】
2016/09/18 Python
pygame游戏之旅 添加icon和bgm音效的方法
2018/11/21 Python
python通过配置文件共享全局变量的实例
2019/01/11 Python
python如何制作缩略图
2019/04/30 Python
python之信息加密题目详解
2019/06/26 Python
Python3监控windows,linux系统的CPU、硬盘、内存使用率和各个端口的开启情况详细代码实例
2020/03/18 Python
python中关于数据类型的学习笔记
2020/07/19 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
python 实现控制鼠标键盘
2020/11/27 Python
scrapy实践之翻页爬取的实现
2021/01/05 Python
世界上最好的儿童品牌:AlexandAlexa
2018/01/27 全球购物
Linux开机引导的步骤是什么
2015/10/19 面试题
一套比较完整的软件测试人员面试题
2012/05/13 面试题
项目专员岗位职责
2013/12/04 职场文书
思想品德课教学反思
2014/02/10 职场文书
校庆口号
2014/06/20 职场文书
初中英语教师个人工作总结2015
2015/07/21 职场文书
Win11运行育碧游戏总是崩溃怎么办 win11玩育碧游戏出现性能崩溃的解决办法
2022/04/06 数码科技
Java 中的 Lambda List 转 Map 的多种方法详解
2022/07/07 Java/Android