ES6 正則表達式的擴展

基于ES6標準入門(第3版)這本書的筆記
要學習angula,vue叭爱,react等新的前端框架指蚁,必須先熟悉ES6的語法


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

在ES5中使用RegExp構(gòu)造函數(shù)寫正則表達式的時候盖桥,可以是單個參數(shù)字符串,匹配字符串的規(guī)則

var regex = new RegExp('xyz');
// 等價于
var regex = /xyz/

也可以是兩個參數(shù),第一個參數(shù)為字符串革屠,表示正則表達式的匹配規(guī)則锚赤,第二個參數(shù)為正則表達式的修飾符

var regex = new RegExp('xyz','i');
// 等價于
var regex = /xyz/i

也可以是單個參數(shù)正則表達式帶修飾符

var regex = new RegExp(/xyz/i);
// 等價于
var regex = /xyz/i

但是ES5不允許第一個參數(shù)為正則表達式匹舞,第二個參數(shù)為修飾符,這樣會報錯

var regex = new RegExp(/xyz/,'i');

ES6中運行第一個參數(shù)是正則表達式,第二個參數(shù)是修飾符线脚,而且赐稽,如果第一個參數(shù)的正則表達式帶有修飾符,會忽略第一個參數(shù)的修飾符浑侥,使用新的修飾符

// 會忽略ig修飾符姊舵,使用i修飾符規(guī)則
var regex = new RegExp(/xyz/ig,'i'); 

常見的修飾符含義

修飾符 描述
i 執(zhí)行對大小寫不敏感的匹配
g 執(zhí)行全局匹配(查找所有匹配而非在找到第一個匹配后停止)
m 執(zhí)行多行匹配

ES6新增的修飾符和屬性

u修飾符

ES6對正則表達式添加了u修飾符,含義為“Unicode模式”寓落,用于匹配大于\uFFF的字符,也就是說括丁,可以正確處理4個字節(jié)的UTF-16編碼

/^\uD83D/u.test('\uD83D\uDC2A') // false
/^\uD83D/.test('\uD83D\uDC2A') // true
y修飾符

ES6對正則表達式添加了y修飾符,叫做“粘連”(sticky)伶选。y修飾符與g修飾符類似史飞,也是全局匹配,后一次匹配都是從上一次匹配成功的下一個位置開始仰税。不同的是构资,g修飾符只要剩余位置中存在匹配就可以,而y修飾符要求匹配必須從生于的第一個位置開始陨簇。

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"]
// 因為y第二次執(zhí)行匹配的時候剩余字符串為_aa_a吐绵,所以y修飾符的正則無法匹配,返回null
r2.exec(s); // 返回 null

與y修飾符相匹配河绽,ES6的正則對象多了sticky屬性己单,表示是否設置了y修飾符

var r1 = /a+/y;
r1.sticky // true
flags 屬性

ES6為正則表達式新增了flags屬性,會返回正則表達式的修飾符

// ES5 source屬性返回正則表達式正文
/xyz/ig.source // "xyz"

// ES6 flags屬性返回正則表達式修飾符
/xyz/ig.flags // ‘ig’
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末葵姥,一起剝皮案震驚了整個濱河市荷鼠,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌榔幸,老刑警劉巖允乐,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異削咆,居然都是意外死亡牍疏,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進店門拨齐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鳞陨,“玉大人,你說我怎么就攤上這事∠寐耍” “怎么了援岩?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長掏导。 經(jīng)常有香客問我享怀,道長,這世上最難降的妖魔是什么趟咆? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任添瓷,我火速辦了婚禮,結(jié)果婚禮上值纱,老公的妹妹穿的比我還像新娘鳞贷。我一直安慰自己,他們只是感情好虐唠,可當我...
    茶點故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布搀愧。 她就那樣靜靜地躺著,像睡著了一般凿滤。 火紅的嫁衣襯著肌膚如雪妈橄。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天翁脆,我揣著相機與錄音眷蚓,去河邊找鬼。 笑死反番,一個胖子當著我的面吹牛沙热,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播罢缸,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼篙贸,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了枫疆?” 一聲冷哼從身側(cè)響起爵川,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎息楔,沒想到半個月后寝贡,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡值依,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年圃泡,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片愿险。...
    茶點故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡颇蜡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情风秤,我是刑警寧澤鳖目,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站唁情,受9級特大地震影響疑苔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜甸鸟,卻給世界環(huán)境...
    茶點故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望兵迅。 院中可真熱鬧抢韭,春花似錦、人聲如沸恍箭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽扯夭。三九已至鳍贾,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間交洗,已是汗流浹背骑科。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留构拳,地道東北人咆爽。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像置森,于是被迫代替她去往敵國和親斗埂。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,979評論 2 355

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

  • 1.RegExp 構(gòu)造函數(shù) 在 ES5 中凫海,RegExp構(gòu)造函數(shù)的參數(shù)有兩種情況呛凶。 1)參數(shù)為字符串:第一種情況是...
    IT楊閱讀 381評論 0 0
  • 前面的話 正則表達式是javascript操作字符串的一個重要組成部分,但在以往的版本中并未有太多改變行贪。然而漾稀,在E...
    CodeMT閱讀 934評論 0 2
  • RegExp構(gòu)造函數(shù) 在ES5中,RegExp構(gòu)造函數(shù)的參數(shù)有兩種情況瓮顽。 第一種情況是县好,參數(shù)是字符串,這時第二個參...
    陳老板_閱讀 417評論 0 0
  • ES6中在正則表達式中暖混,新增了許多新的特性和一些新的API 一缕贡、RegExp構(gòu)造函數(shù) 1.在 ES5 中,RegE...
    斜杠工坊閱讀 2,785評論 0 6
  • RegExp構(gòu)造函數(shù) 如果RegExp構(gòu)造函數(shù)第一個參數(shù)是一個正則對象,那么可以使用第二個參數(shù)指定修飾符晾咪。而且收擦,返...
    勿念及時雨閱讀 117評論 0 1