ES6入門標(biāo)準(zhǔn)讀書筆記4(正則的擴(kuò)展)

1.RegExp 構(gòu)造函數(shù)

在 ES5 中,RegExp構(gòu)造函數(shù)的參數(shù)有兩種情況。

第一種情況是锚烦,參數(shù)是字符串扩然,這時(shí)第二個(gè)參數(shù)表示正則表達(dá)式的修飾符(flag)艘儒。

var regex = new RegExp('xyz', 'i');
// 等價(jià)于
var regex = /xyz/i;
第二種情況是,參數(shù)是一個(gè)正則表示式夫偶,這時(shí)會(huì)返回一個(gè)原有正則表達(dá)式的拷貝界睁。
var regex = new RegExp(/xyz/i);
// 等價(jià)于
var regex = /xyz/i;

但是,ES5 不允許此時(shí)使用第二個(gè)參數(shù)添加修飾符兵拢,否則會(huì)報(bào)錯(cuò)翻斟。

var regex = new RegExp(/xyz/, 'i');
// Uncaught TypeError: Cannot supply flags when constructing one RegExp from another

ES6 改變了這種行為。如果RegExp構(gòu)造函數(shù)第一個(gè)參數(shù)是一個(gè)正則對(duì)象说铃,那么可以使用第二個(gè)參數(shù)指定修飾符访惜。而且,返回的正則表達(dá)式會(huì)忽略原有的正則表達(dá)式的修飾符腻扇,只使用新指定的修飾符债热。

new RegExp(/abc/ig, 'i').flags
// "i"

上面代碼中,原有正則對(duì)象的修飾符是ig幼苛,它會(huì)被第二個(gè)參數(shù)i覆蓋窒篱。

5.y修飾符

除了u修飾符,ES6 還為正則表達(dá)式添加了y修飾符舶沿,叫做“粘連”(sticky)修飾符墙杯。

y修飾符的作用與g修飾符類似,也是全局匹配括荡,后一次匹配都從上一次匹配成功的下一個(gè)位置開始高镐。不同之處在于,g修飾符只要剩余位置中存在匹配就可一汽,而y修飾符確保匹配必須從剩余的第一個(gè)位置開始避消,這也就是“粘連”的涵義低滩。

var s = 'aaa_aa_a';
var r1 = /a+/g;
var r2 = /a+/y;
r1.exec(s) // ["aaa"]
r2.exec(s) // ["aaa"]
r1.exec(s) // ["aa"]
r2.exec(s) // null

上面代碼有兩個(gè)正則表達(dá)式,一個(gè)使用g修飾符岩喷,另一個(gè)使用y修飾符恕沫。這兩個(gè)正則表達(dá)式各執(zhí)行了兩次,第一次執(zhí)行的時(shí)候纱意,兩者行為相同婶溯,剩余字符串都是_aa_a。由于g修飾沒有位置要求偷霉,所以第二次執(zhí)行會(huì)返回結(jié)果迄委,而y修飾符要求匹配必須從頭部開始,所以返回null类少。

如果改一下正則表達(dá)式叙身,保證每次都能頭部匹配,y修飾符就會(huì)返回結(jié)果了硫狞。

var s = 'aaa_aa_a';
var r = /a+_/y;
r.exec(s) // ["aaa_"]
r.exec(s) // ["aa_"]

上面代碼每次匹配信轿,都是從剩余字符串的頭部開始。

使用lastIndex屬性残吩,可以更好地說(shuō)明y修飾符财忽。

const REGEX = /a/g;
// 指定從2號(hào)位置(y)開始匹配
REGEX.lastIndex = 2;
// 匹配成功
const match = REGEX.exec('xaya');
// 在3號(hào)位置匹配成功
match.index // 3
// 下一次匹配從4號(hào)位開始
REGEX.lastIndex // 4
// 4號(hào)位開始匹配失敗
REGEX.exec('xaya') // null

上面代碼中,lastIndex屬性指定每次搜索的開始位置泣侮,g修飾符從這個(gè)位置開始向后搜索即彪,直到發(fā)現(xiàn)匹配為止。

使用lastIndex屬性活尊,可以更好地說(shuō)明y修飾符隶校。

const REGEX = /a/g;
// 指定從2號(hào)位置(y)開始匹配
REGEX.lastIndex = 2;
// 匹配成功
const match = REGEX.exec('xaya');
// 在3號(hào)位置匹配成功
match.index // 3
// 下一次匹配從4號(hào)位開始
REGEX.lastIndex // 4
// 4號(hào)位開始匹配失敗
REGEX.exec('xaya') // null

上面代碼中,lastIndex屬性指定每次搜索的開始位置蛹锰,g修飾符從這個(gè)位置開始向后搜索惠况,直到發(fā)現(xiàn)匹配為止。

y修飾符同樣遵守lastIndex屬性宁仔,但是要求必須在lastIndex指定的位置發(fā)現(xiàn)匹配。

const REGEX = /a/y;
// 指定從2號(hào)位置開始匹配
REGEX.lastIndex = 2;
// 不是粘連峦睡,匹配失敗
REGEX.exec('xaya') // null
// 指定從3號(hào)位置開始匹配
REGEX.lastIndex = 3;
// 3號(hào)位置是粘連翎苫,匹配成功
const match = REGEX.exec('xaya');
match.index // 3
REGEX.lastIndex // 4

實(shí)際上,y修飾符號(hào)隱含了頭部匹配的標(biāo)志^榨了。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末煎谍,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子龙屉,更是在濱河造成了極大的恐慌呐粘,老刑警劉巖满俗,帶你破解...
    沈念sama閱讀 216,997評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異作岖,居然都是意外死亡唆垃,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門痘儡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)辕万,“玉大人,你說(shuō)我怎么就攤上這事沉删〗ツ颍” “怎么了?”我有些...
    開封第一講書人閱讀 163,359評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵矾瑰,是天一觀的道長(zhǎng)砖茸。 經(jīng)常有香客問我,道長(zhǎng)殴穴,這世上最難降的妖魔是什么凉夯? 我笑而不...
    開封第一講書人閱讀 58,309評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮推正,結(jié)果婚禮上恍涂,老公的妹妹穿的比我還像新娘。我一直安慰自己植榕,他們只是感情好再沧,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,346評(píng)論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著尊残,像睡著了一般炒瘸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上寝衫,一...
    開封第一講書人閱讀 51,258評(píng)論 1 300
  • 那天顷扩,我揣著相機(jī)與錄音,去河邊找鬼慰毅。 笑死隘截,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的汹胃。 我是一名探鬼主播婶芭,決...
    沈念sama閱讀 40,122評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼着饥!你這毒婦竟也來(lái)了犀农?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,970評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤宰掉,失蹤者是張志新(化名)和其女友劉穎呵哨,沒想到半個(gè)月后赁濒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,403評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡孟害,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,596評(píng)論 3 334
  • 正文 我和宋清朗相戀三年拒炎,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片纹坐。...
    茶點(diǎn)故事閱讀 39,769評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡枝冀,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出耘子,到底是詐尸還是另有隱情果漾,我是刑警寧澤,帶...
    沈念sama閱讀 35,464評(píng)論 5 344
  • 正文 年R本政府宣布谷誓,位于F島的核電站绒障,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏捍歪。R本人自食惡果不足惜户辱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,075評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望糙臼。 院中可真熱鬧庐镐,春花似錦、人聲如沸变逃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)揽乱。三九已至名眉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間凰棉,已是汗流浹背损拢。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留撒犀,地道東北人福压。 一個(gè)月前我還...
    沈念sama閱讀 47,831評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像或舞,于是被迫代替她去往敵國(guó)和親隧膏。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,678評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容