RegExp構造函數
在es5中,RegExp
構造函數的參數有兩種情況
第一種,參數是字符串,這時第二個參數表示正則表達式的修飾符(flag)。
var regex = new RegExp('xyz','i')
//等價于
var regex=/xyz/i;
第二種,參數是一個正則表達式,這時返回一個原有正則表達式的拷貝。
var regex=new RegExp(/xyz/i);
//等價于
var regex = new RegExp(/xyz/,'i');
但是es5不允許此時使用第二個參數添加修飾符,否則會報錯。
var regex=new RegExp(/abc/ig,'i').flags
ES6 改變了這種行為。如果RegExp
構造函數第一個參數是一個正則對象,那么可以使用第二個參數指定修飾符。而且,返回的正則表達式會忽略原有的正則表達式的修飾符,只使用新指定的修飾符。
y修飾符
es6位正則表達式添加了y
修飾符,叫做"粘連"(sticky)修飾符。
y
修飾符的作用與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"]
r2.exec(s) // null
stick 屬性
與y
修飾符相匹配,es6的正則對象多了sticky
屬性,表示是否設置了y
修飾符。
var r=/hello\d/y;
r.sticky
flags 屬性
es6為正則表達式新增了flags
屬性,會返回正則表達式,會返回正則表達式的修飾符。
// es5 的 source 屬性
// 返回正則表達式的正文
/abc/ig.source
// "abc"
// es6 的 flags 屬性
// 返回正則表達式的修飾符
/abc/ig.flags
// 'gu'
后行斷言
javascript 語言的正則表達式,只支持先行斷言( lookhead )和先行否定斷言( negative lookhead ),不支持后行斷言( lookbehind )和后行否定斷言( negative lookbehind )。目前,有一個提案,引入后行斷言,v8引擎 4.9版已經支持。
"先行斷言"指的是,x
只有在y
前面才匹配,必須寫成/x(?=y)/
。比如,只匹配百分號之前的數字,要寫成/\d+(?=%)
。"先行否定斷言"指的是,x
只有不在y
前面才匹配,必須寫成/x(?!y)/
。比如,職匹配不在百分號之前的數字,要寫成/\d+(?!%)/
。
/\d+(?=%)/.exec('100% of US presidents have been male') // ["100"]
/\d+(?!%)/.exec('that’s all 44 of them') // ["44"]
“后行斷言”正好與“先行斷言”相反,x
只有在y
后面才匹配,必須寫成/(?<=y)x/
。比如,只匹配美元符號之后的數字,要寫成/(?<=\$)\d+/
。”后行否定斷言“則與”先行否定斷言“相反,x
只有不在y
后面才匹配,必須寫成/(?<!y)x/
。比如,只匹配不在美元符號后面的數字,要寫成/(?<!\$)\d+/
。
/(?<=\$)\d+/.exec('Benjamin Franklin is on the $100 bill') // ["100"]
/(?<!\$)\d+/.exec('it’s is worth about €90') // ["90"]