新增y修饰符
y修饰符跟g有点类似,但是仅仅是类似,y跟g不同的是,g是匹配到一个后,不管匹配到的字符后面紧跟着的有没有匹配到,都会继续匹配,但是y不一样,y会在匹配到的字符后面紧着匹配,如果没有匹配到,就会停止匹配,不会像g那样一直匹配下去
let reg1=/aa/g;
let reg2=/aa/y;
const str='aaa_aa_a';
console.log(reg1.exec(str));//["aa", index: 0, input: "aaa_aa_a"]
console.log(reg1.exec(str));//["aa", index: 4, input: "aaa_aa_a"]
console.log(reg1.exec(str));//null
console.log(reg2.exec(str));//["aa", index: 0, input: "aaa_aa_a"]
console.log(reg2.exec(str));//null
上面的例子我们可以看出使用y修饰符时,如果匹配不到的话,会返回null,exec这个方法返回的是一个数组,对应的aa是匹配到的结果,index是匹配的下标位置,input的是匹配的字符,
使用lastIndex,可以更好的说明y修饰符
let reg1=/aa/g;
let reg2=/aa/y;
const str='aaa_aa_a';
console.log(reg2.exec(str));//["aa", index: 0, input: "aaa_aa_a"]
reg2.lastIndex=4;//从下标4开始
const match=reg2.exec(str);
console.log(match);//["aa", index: 4, input: "aaa_aa_a"]
console.log(match.index);//4
lastIndex属性指定每次搜索的开始位置,y修饰符同样遵守lastIndex属性,但是要求必须在lastIndex指定的位置发现匹配。
下面我们看一下split、match加y修饰符方法的效果
let s='ororhellor world'
const reg1=/or/y;
const reg2=/or/g;
console.log(s.split(reg1));//["", "", "hellor world"]
console.log(s.split(reg2));//["", "", "hell", " w", "ld"]
console.log(s.match(reg1));//["or", index: 0, input: "ororhellor world"]
console.log(s.match(reg1));//["or", index: 2, input: "ororhellor world"]
console.log(s.match(reg2));//["or", "or", "or", "or"]
s='hello world';
console.log(s.match(reg1));//null
console.log(s.match(reg2));//["or"]
console.log(s.split(reg1));//["hello world"]
我们可以看出,split加上y修饰符正则,跟我们想像的一样,匹配不到,就不往后匹配了,直接把hello world返回回来了,match加上y修饰符正则搞得跟exec方法有点像,不是直接把全部的匹配完,而是得在调用一次,,,,,,表示好特么累啊,,
sticky、flags、source属性
let reg1=/[0-9]\d/yi;
let reg2=/[0-9]\d/gm;
console.log(reg1.sticky);//true
console.log(reg2.sticky);//false
let reg=/[a-z]/ygim;
console.log(reg.source);//[z-z]
console.log(reg.flags);/ygim/
sticky属性返回了正则的是否具有y修饰符,flags返回了正则的修饰符,source返回了正则的匹配。
真正做项目的时候,好像没什么卵用,but,大家还是要涨涨姿势的
OK,今天给大家介绍的正则的拓展,虽然不多,但是希望能帮助到大家。
继续咱们的惯例=>如果想学习更详细的资料,请狠狠的点击这里