正则的拓展

新增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,今天给大家介绍的正则的拓展,虽然不多,但是希望能帮助到大家。

继续咱们的惯例=>如果想学习更详细的资料,请狠狠的点击这里

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 所有内容基于阮一峰的ECMAScript 6 入门 1.RegExp构造函数 ES6中如果RegExp构造函数第一...
    我才不是稻草人阅读 3,511评论 0 0
  • 请移步:https://blog.cdswyda.com/post/20161102
    依韵宵音阅读 4,200评论 0 21
  • 1. 概述 正则表达式(regular expression)是一种表达文本模式(即字符串结构)的方法,有点像字符...
    JRG_Orange阅读 7,366评论 0 50
  • 初衷:看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印...
    DCbryant阅读 9,502评论 0 20
  • 深夜,感冒,嘴里没味儿, 一天也没怎么吃东西, 胃里空落落的。 想来想去,还是吃一点吧, 吃什么好呢?! 不如蒸个...
    有缘同行阅读 3,440评论 0 11