正则的拓展

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,980评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,178评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,868评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,498评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,492评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,521评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,910评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,569评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,793评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,559评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,639评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,342评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,931评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,904评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,144评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,833评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,350评论 2 342

推荐阅读更多精彩内容

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