js笔记四十七之正则表达式(3)
标签:
JavaScript
正则的捕获 exec
捕获的内容格式
每一次捕获的时候都是先进行默认的匹配,如果没有匹配成功的,捕获到额结果是null;只有有匹配的内容才能捕获到
捕获到的内容是一个数组
数组中的第一项是但钱大正则捕获的内容index
: 捕获内容在字符串中开始的索引位置input
: 捕获的原始字符串正则捕获的特点
懒惰性: 每一次执行exec值捕获第一个匹配的内容, 在不进行任何处理的情况下, 再执行多次捕获, 捕获的还是第一个匹配的内容
贪婪性: 正则的每一次捕获都是按照匹配最长的结果捕获的,例如: 2符合正则/2015页符合正则,我们默认捕获的是2015
var reg = /\d+/;var str = "lilei18hanmeimei16";console.log(reg.lastIndex) // -> 0console.log(reg.exec(str)); // -> ["18", index: 5, input: "lilei18hanmeimei16", groups: undefined]console.log(reg.lastIndex) // -> 0console.log(reg.exec(str)); // -> ["18", index: 5, input: "lilei18hanmeimei16", groups: undefined]
如何解决正则的懒惰性?
在正则的末尾加上一个修饰符"g" ;
修饰符 : g
:全局匹配, i
: 不区分大小写 m
: 多行匹配
原理: 加了全局修饰符 g, 正则每一次捕获结束后,我们的lastIndex的值都变为了最新的值,下一次捕获从最新的位置开始查找,这样就可以把所有需要捕获的内容都获取到了
var reg = /\d+/g;var str = "lilei18hanmeimei16";console.log(reg.lastIndex) // -> 0console.log(reg.exec(str)); // -> ["18", index: 5, input: "lilei18hanmeimei16", groups: undefined]console.log(reg.lastIndex) // -> 7console.log(reg.exec(str)); // -> ["16", index: 16, input: "lilei18hanmeimei16", groups: undefined]console.log(reg.lastIndex) // -> 18console.log(reg.exec(str)); // -> null
一次性匹配所有符合条件的内容(加 g
全局匹配)
var reg = /\d+/g;var str = "lilei18hanmeimei16lihua17";var ary = [];var res = reg.exec(str);while(res){ ary.push(res[0]); res = reg.exec(str); }console.log(ary); // -> ["18", "16", "17"]
如何解决正则的贪婪性?
在量词元字符后面添加一个
?
即可
var reg = /\d+?/g;var str = "lilei18hanmeimei16lihua17";console.log(reg.exec(str)); // -> 2
?
在正则中有很多的作用:
放在普通的额元字符后面代表出现0-1次
/\d?/
放在一个量词的元字符后面代表取消捕获时候的贪婪性
var reg = /\d+?/g;var str = "lilei18hanmeimei16lihua17";var ary = [];var res = reg.exec(str);while(res){ ary.push(res[0]); res = reg.exec(str); }console.log(ary); // -> ["1", "8", "1", "6", "1", "7"]
字符串中的match方法 -> 把所有和正则匹配的字符串都获取到
var reg = /\d+?/g;var str = "lilei18hanmeimei16lihua17";var ary = str.match(reg);console.log(ary) // -> ["1", "8", "1", "6", "1", "7"]
虽然在当前的情况下match比我们的exec更加的简便一些,但是match中存在一些自己处理不了的问题: 在分组捕获的情况下,match只能捕获到大正则匹配的内容,而对于小正则捕获的内容是无法获取的
作者:uplyw
链接:https://www.jianshu.com/p/0eb33da3b5e4
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦