源自：https://es6.ruanyifeng.com/
RegExp 構(gòu)造函數(shù)
在 ES5 中歧寺，RegExp構(gòu)造函數(shù)的參數(shù)有兩種情況志鹃。
第一種情況是，參數(shù)是字符串，這時第二個參數(shù)表示正則表達(dá)式的修飾符（flag）。
var regex = new RegExp('xyz', 'i');
// 等價于
var regex = /xyz/i;
第二種情況是，參數(shù)是一個正則表示式遭垛，這時會返回一個原有正則表達(dá)式的拷貝。
var regex = new RegExp(/xyz/i);
// 等價于
var regex = /xyz/i;
但是操灿，ES5 不允許此時使用第二個參數(shù)添加修飾符锯仪，否則會報錯。
var regex = new RegExp(/xyz/, 'i');
// Uncaught TypeError: Cannot supply flags when constructing one RegExp from another
ES6 改變了這種行為趾盐。如果RegExp構(gòu)造函數(shù)第一個參數(shù)是一個正則對象庶喜，那么可以使用第二個參數(shù)指定修飾符。而且谤碳，返回的正則表達(dá)式會忽略原有的正則表達(dá)式的修飾符溃卡，只使用新指定的修飾符。
new RegExp(/abc/ig, 'i').flags
// "i"
上面代碼中蜒简，原有正則對象的修飾符是ig瘸羡，它會被第二個參數(shù)i覆蓋。
字符串的正則方法
字符串對象共有 4 個方法搓茬，可以使用正則表達(dá)式：match()犹赖、replace()、search()和split()卷仑。
ES6 將這 4 個方法峻村，在語言內(nèi)部全部調(diào)用RegExp的實例方法，從而做到所有與正則相關(guān)的方法锡凝，全都定義在RegExp對象上粘昨。
u 修飾符
ES6 對正則表達(dá)式添加了u修飾符，含義為“Unicode 模式”窜锯，用來正確處理大于\uFFFF的 Unicode 字符张肾。也就是說，會正確處理四個字節(jié)的 UTF-16 編碼锚扎。
/^\uD83D/u.test('\uD83D\uDC2A') // false
/^\uD83D/.test('\uD83D\uDC2A') // true
上面代碼中吞瞪，\uD83D\uDC2A是一個四個字節(jié)的 UTF-16 編碼，代表一個字符驾孔。但是芍秆，ES5 不支持四個字節(jié)的 UTF-16 編碼，會將其識別為兩個字符翠勉，導(dǎo)致第二行代碼結(jié)果為true妖啥。加了u修飾符以后，ES6 就會識別其為一個字符对碌，所以第一行代碼結(jié)果為false迹栓。
一旦加上u修飾符號，就會修改下面這些正則表達(dá)式的行為。
（1）點(diǎn)字符
點(diǎn)（.）字符在正則表達(dá)式中克伊，含義是除了換行符以外的任意單個字符酥郭。對于碼點(diǎn)大于0xFFFF的 Unicode 字符，點(diǎn)字符不能識別愿吹，必須加上u修飾符不从。
var s = '??';
/^.$/.test(s) // false
/^.$/u.test(s) // true
上面代碼表示，如果不添加u修飾符犁跪，正則表達(dá)式就會認(rèn)為字符串為兩個字符椿息，從而匹配失敗。
（2）Unicode 字符表示法
ES6 新增了使用大括號表示 Unicode 字符坷衍，這種表示法在正則表達(dá)式中必須加上u修飾符寝优，才能識別當(dāng)中的大括號，否則會被解讀為量詞枫耳。
/\u{61}/.test('a') // false
/\u{61}/u.test('a') // true
/\u{20BB7}/u.test('??') // true
上面代碼表示乏矾，如果不加u修飾符，正則表達(dá)式無法識別\u{61}這種表示法迁杨，只會認(rèn)為這匹配 61 個連續(xù)的u钻心。
（3）量詞
使用u修飾符后，所有量詞都會正確識別碼點(diǎn)大于0xFFFF的 Unicode 字符铅协。
/a{2}/.test('aa') // true
/a{2}/u.test('aa') // true
/??{2}/.test('????') // false
/??{2}/u.test('????') // true
（4）預(yù)定義模式
u修飾符也影響到預(yù)定義模式捷沸，能否正確識別碼點(diǎn)大于0xFFFF的 Unicode 字符。
/^\S$/.test('??') // false
/^\S$/u.test('??') // true
上面代碼的\S是預(yù)定義模式狐史，匹配所有非空白字符痒给。只有加了u修飾符，它才能正確匹配碼點(diǎn)大于0xFFFF的 Unicode 字符骏全。
利用這一點(diǎn)侈玄，可以寫出一個正確返回字符串長度的函數(shù)。
function codePointLength(text) {
var result = text.match(/[\s\S]/gu);
return result ? result.length : 0;
}
var s = '????';
s.length // 4
codePointLength(s) // 2
（5）i 修飾符
有些 Unicode 字符的編碼不同吟温，但是字型很相近，比如突颊，\u004B與\u212A都是大寫的K鲁豪。
/[a-z]/i.test('\u212A') // false
/[a-z]/iu.test('\u212A') // true
上面代碼中，不加u修飾符律秃，就無法識別非規(guī)范的K字符爬橡。
（6）轉(zhuǎn)義
沒有u修飾符的情況下，正則中沒有定義的轉(zhuǎn)義（如逗號的轉(zhuǎn)義\,）無效棒动，而在u模式會報錯糙申。
/\,/ // /\,/
/\,/u // 報錯
上面代碼中，沒有u修飾符時船惨，逗號前面的反斜杠是無效的柜裸，加了u修飾符就報錯缕陕。
RegExp.prototype.unicode 屬性
正則實例對象新增unicode屬性，表示是否設(shè)置了u修飾符疙挺。
const r1 = /hello/;
const r2 = /hello/u;
r1.unicode // false
r2.unicode // true
上面代碼中扛邑，正則表達(dá)式是否設(shè)置了u修飾符，可以從unicode屬性看出來铐然。
y 修飾符
除了u修飾符蔬崩，ES6 還為正則表達(dá)式添加了y修飾符，叫做“粘連”（sticky）修飾符搀暑。
y修飾符的作用與g修飾符類似沥阳，也是全局匹配，后一次匹配都從上一次匹配成功的下一個位置開始自点。不同之處在于桐罕，g修飾符只要剩余位置中存在匹配就可，而y修飾符確保匹配必須從剩余的第一個位置開始樟氢，這也就是“粘連”的涵義冈绊。
使用lastIndex屬性，可以更好地說明y修飾符埠啃。
const REGEX = /a/g;
// 指定從2號位置（y）開始匹配
REGEX.lastIndex = 2;
// 匹配成功
const match = REGEX.exec('xaya');
// 在3號位置匹配成功
match.index // 3
// 下一次匹配從4號位開始
REGEX.lastIndex // 4
// 4號位開始匹配失敗
REGEX.exec('xaya') // null
上面代碼中死宣，lastIndex屬性指定每次搜索的開始位置，g修飾符從這個位置開始向后搜索碴开，直到發(fā)現(xiàn)匹配為止毅该。
下面是字符串對象的replace方法的例子。
const REGEX = /a/gy;
'aaxa'.replace(REGEX, '-') // '--xa'
上面代碼中潦牛，最后一個a因為不是出現(xiàn)在下一次匹配的頭部眶掌，所以不會被替換。
單單一個y修飾符對match方法巴碗，只能返回第一個匹配朴爬，必須與g修飾符聯(lián)用，才能返回所有匹配橡淆。
'a1a2a3'.match(/a\d/y) // ["a1"]
'a1a2a3'.match(/a\d/gy) // ["a1", "a2", "a3"]
RegExp.prototype.sticky 屬性
與y修飾符相匹配召噩，ES6 的正則實例對象多了sticky屬性，表示是否設(shè)置了y修飾符逸爵。
var r = /hello\d/y;
r.sticky // true
RegExp.prototype.flags 屬性
ES6 為正則表達(dá)式新增了flags屬性具滴，會返回正則表達(dá)式的修飾符。
// ES5 的 source 屬性
// 返回正則表達(dá)式的正文
/abc/ig.source
// "abc"
// ES6 的 flags 屬性
// 返回正則表達(dá)式的修飾符
/abc/ig.flags
// 'gi'
s 修飾符：dotAll 模式
正則表達(dá)式中师倔，點(diǎn)（.）是一個特殊字符构韵，代表任意的單個字符曹抬，但是有兩個例外吨瞎。一個是四個字節(jié)的 UTF-16 字符，這個可以用u修飾符解決；另一個是行終止符（line terminator character）哼绑。
所謂行終止符杰赛，就是該字符表示一行的終結(jié)稼稿。以下四個字符屬于“行終止符”册招。
U+000A 換行符（
\n）U+000D 回車符（
\r）U+2028 行分隔符（line separator）
U+2029 段分隔符（paragraph separator）
后行斷言
JavaScript 語言的正則表達(dá)式，只支持先行斷言（lookahead）和先行否定斷言（negative lookahead）萎攒，不支持后行斷言（lookbehind）和后行否定斷言（negative lookbehind）遇八。ES2018 引入后行斷言，V8 引擎 4.9 版（Chrome 62）已經(jīng)支持耍休。
“先行斷言”指的是刃永，x只有在y前面才匹配，必須寫成/x(?=y)/羊精。比如斯够，只匹配百分號之前的數(shù)字，要寫成/\d+(?=%)/喧锦《凉妫“先行否定斷言”指的是，x只有不在y前面才匹配燃少，必須寫成/x(?!y)/束亏。比如，只匹配不在百分號之前的數(shù)字阵具，要寫成/\d+(?!%)/碍遍。
“后行斷言”正好與“先行斷言”相反，x只有在y后面才匹配阳液，必須寫成/(?<=y)x/怕敬。比如，只匹配美元符號之后的數(shù)字帘皿，要寫成/(?<=\$)\d+/东跪。“后行否定斷言”則與“先行否定斷言”相反鹰溜，x只有不在y后面才匹配虽填，必須寫成/(?。比如奉狈，只匹配不在美元符號后面的數(shù)字，要寫成/(?涩惑。
“后行斷言”的實現(xiàn)仁期，需要先匹配/(?<=y)x/的x，然后再回到左邊，匹配y的部分跛蛋。這種“先右后左”的執(zhí)行順序熬的，與所有其他正則操作相反，導(dǎo)致了一些不符合預(yù)期的行為赊级。
Unicode 屬性類
ES2018 引入了一種新的類的寫法\p{...}和\P{...}押框，允許正則表達(dá)式匹配符合 Unicode 某種屬性的所有字符。
const regexGreekSymbol = /\p{Script=Greek}/u;
regexGreekSymbol.test('π') // true
上面代碼中理逊，\p{Script=Greek}指定匹配一個希臘文字母橡伞，所以匹配π成功。
Unicode 屬性類要指定屬性名和屬性值晋被。
\p{UnicodePropertyName=UnicodePropertyValue}
對于某些屬性兑徘，可以只寫屬性名，或者只寫屬性值羡洛。
\p{UnicodePropertyName}
\p{UnicodePropertyValue}
\P{…}是\p{…}的反向匹配挂脑，即匹配不滿足條件的字符。
由于 Unicode 的各種屬性非常多欲侮，所以這種新的類的表達(dá)能力非常強(qiáng)崭闲。
const regex = /^\p{Decimal_Number}+$/u;
regex.test('????????????????????????????????') // true
上面代碼中，屬性類指定匹配所有十進(jìn)制字符威蕉，可以看到各種字型的十進(jìn)制字符都會匹配成功刁俭。
其他例子：
// 匹配所有空格
\p{White_Space}
// 匹配各種文字的所有字母，等同于 Unicode 版的 \w
[\p{Alphabetic}\p{Mark}\p{Decimal_Number}\p{Connector_Punctuation}\p{Join_Control}]
// 匹配各種文字的所有非字母的字符忘伞，等同于 Unicode 版的 \W
[^\p{Alphabetic}\p{Mark}\p{Decimal_Number}\p{Connector_Punctuation}\p{Join_Control}]
// 匹配 Emoji
/\p{Emoji_Modifier_Base}\p{Emoji_Modifier}?|\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu
// 匹配所有的箭頭字符
const regexArrows = /^\p{Block=Arrows}+$/u;
regexArrows.test('←↑→↓??↖↗↘↙?????????????') // true
具名組匹配
正則表達(dá)式使用圓括號進(jìn)行組匹配薄翅。
const RE_DATE = /(\d{4})-(\d{2})-(\d{2})/;
上面代碼中，正則表達(dá)式里面有三組圓括號氓奈。使用exec方法翘魄，就可以將這三組匹配結(jié)果提取出來。
ES2018 引入了具名組匹配（Named Capture Groups）舀奶，允許為每一個組匹配指定一個名字暑竟，既便于閱讀代碼，又便于引用育勺。
const RE_DATE = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const matchObj = RE_DATE.exec('1999-12-31');
const year = matchObj.groups.year; // 1999
const month = matchObj.groups.month; // 12
const day = matchObj.groups.day; // 31
上面代碼中但荤，“具名組匹配”在圓括號內(nèi)部，模式的頭部添加“問號 + 尖括號 + 組名”（?）涧至，然后就可以在exec方法返回結(jié)果的groups屬性上引用該組名腹躁。同時，數(shù)字序號（matchObj[1]）依然有效南蓬。
具名組匹配等于為每一組匹配加上了 ID纺非，便于描述匹配的目的哑了。如果組的順序變了，也不用改變匹配后的處理代碼烧颖。
如果具名組沒有匹配弱左，那么對應(yīng)的groups對象屬性會是undefined。
解構(gòu)賦值和替換
有了具名組匹配以后炕淮，可以使用解構(gòu)賦值直接從匹配結(jié)果上為變量賦值拆火。
let {groups: {one, two}} = /^(?<one>.*):(?<two>.*)$/u.exec('foo:bar');
one // foo
two // bar
字符串替換時，使用$<組名>引用具名組涂圆。
let re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/u;
'2015-01-02'.replace(re, '$<day>/$<month>/$<year>')
// '02/01/2015'
上面代碼中们镜，replace方法的第二個參數(shù)是一個字符串，而不是正則表達(dá)式乘综。
replace方法的第二個參數(shù)也可以是函數(shù)憎账。
引用
如果要在正則表達(dá)式內(nèi)部引用某個“具名組匹配”，可以使用\k<組名>的寫法卡辰。
const RE_TWICE = /^(?<word>[a-z]+)!\k<word>$/;
RE_TWICE.test('abc!abc') // true
RE_TWICE.test('abc!ab') // false
數(shù)字引用（\1）依然有效胞皱。
const RE_TWICE = /^(?<word>[a-z]+)!\1$/;
RE_TWICE.test('abc!abc') // true
RE_TWICE.test('abc!ab') // false
這兩種引用語法還可以同時使用。
正則匹配索引
正則匹配結(jié)果的開始位置和結(jié)束位置九妈，目前獲取并不是很方便反砌。正則實例的exec()方法，返回結(jié)果有一個index屬性萌朱，可以獲取整個匹配結(jié)果的開始位置宴树，但是如果包含組匹配，每個組匹配的開始位置晶疼，很難拿到酒贬。
現(xiàn)在有一個第三階段提案，為exec()方法的返回結(jié)果加上indices屬性翠霍，在這個屬性上面可以拿到匹配的開始位置和結(jié)束位置锭吨。
如果正則表達(dá)式包含組匹配，那么indices屬性對應(yīng)的數(shù)組就會包含多個成員寒匙，提供每個組匹配的開始位置和結(jié)束位置零如。
如果正則表達(dá)式包含具名組匹配，indices屬性數(shù)組還會有一個groups屬性锄弱。該屬性是一個對象考蕾，可以從該對象獲取具名組匹配的開始位置和結(jié)束位置。
如果獲取組匹配不成功会宪，indices屬性數(shù)組的對應(yīng)成員則為undefined肖卧，indices.groups屬性對象的對應(yīng)成員也是undefined。
String.prototype.matchAll()
如果一個正則表達(dá)式在字符串里面有多個匹配掸鹅，現(xiàn)在一般使用g修飾符或y修飾符塞帐，在循環(huán)里面逐一取出沟沙。
ES2020增加了String.prototype.matchAll()方法，可以一次性取出所有匹配壁榕。不過，它返回的是一個遍歷器（Iterator）赎瞎，而不是數(shù)組牌里。
const string = 'test1test2test3';
const regex = /t(e)(st(\d?))/g;
for (const match of string.matchAll(regex)) {
console.log(match);
}
// ["test1", "e", "st1", "1", index: 0, input: "test1test2test3"]
// ["test2", "e", "st2", "2", index: 5, input: "test1test2test3"]
// ["test3", "e", "st3", "3", index: 10, input: "test1test2test3"]
上面代碼中，由于string.matchAll(regex)返回的是遍歷器务甥，所以可以用for...of循環(huán)取出牡辽。相對于返回數(shù)組，返回遍歷器的好處在于敞临，如果匹配結(jié)果是一個很大的數(shù)組态辛，那么遍歷器比較節(jié)省資源。
遍歷器轉(zhuǎn)為數(shù)組是非常簡單的挺尿，使用...運(yùn)算符和Array.from()方法就可以了奏黑。
// 轉(zhuǎn)為數(shù)組的方法一
[...string.matchAll(regex)]
// 轉(zhuǎn)為數(shù)組的方法二
Array.from(string.matchAll(regex))
