摘要：正則的擴展參數(shù)為字符串，那么第二個參數(shù)表示正則表達式的修飾符，如下等價于參數(shù)為一個正則表達式，這時返回一個原有正則表達式的拷貝。如下調(diào)用調(diào)用調(diào)用調(diào)用修飾符對正則表達式添加了修飾符，用來正確處理大于的字符。

參數(shù)為字符串， 那么第二個參數(shù)表示正則表達式的修飾符，如下：

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

參數(shù)為一個正則表達式，這時返回一個原有正則表達式的拷貝。如下：

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

Es6中改變了這種行文。如果RegExp構(gòu)造函數(shù)第一個參數(shù)是正則對象，那第二個參數(shù)可以指定修飾符，并且返回的正則表達式會忽略原有正則表達式的修飾符，只使用新指定的修飾符。 如下：

new RegExp(/abc/ig, "i").flags
// 原有的ig 被 i 覆蓋

字符串對象共有4個方法，可以使用正則表達式： match()、 replace()、search() 和 split()。在Es6中  全部調(diào)用RegExp的實例方法，全部定義在RegExp對象上。如下：

String.prototype.match 調(diào)用 RegExp.prototype[Symbol.match]
String.prototype.replace 調(diào)用 RegExp.prototype[Symbol.replace]
String.prototype.search 調(diào)用 RegExp.prototype[Symbol.search]
String.prototype.split 調(diào)用 RegExp.prototype[Symbol.split

ES6 對正則表達式添加了 u 修飾符，用來正確處理大于uFFFF的Unicode字符。如下：

/^uD83D/u.test("uD83DuDC2A") // false
/^uD83D/.test("uD83DuDC2A") // true
// 如上代碼因為在ES5中 不支持四個字節(jié)的 UTF-16編碼，會將為識別為兩個字符 導(dǎo)致 第二行為true
但是加了 u 修飾符后，ES6將為識別為一個字符，所以第一行為flase

正則實例對象新增 unicode 屬性，用來判斷表示是否設(shè)置了u修飾符，如下：

const r1 = /hello/;
const r2 = /hello/u;

r1.unicode // false
r2.unicode // true

和 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"]
r2.exec(s) // null

// 第一次執(zhí)行后 為 _aa_a g 只要剩余位置存在即可匹配，返回 aa
// y 則是從上一次結(jié)果后的第一個位置開始，因為是_ 所以返回null

與y修飾符相匹配，ES6 的正則實例對象多了sticky屬性，表示是否設(shè)置了y修飾符 如下：

var r = /hellod/y;
r.sticky // true

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

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

// ES6 的 flags 屬性
// 返回正則表達式的修飾符
/abc/ig.flags
// "gi"

匹配的是任意單個字符,用來匹配任意單個字符，如下：

/foo.bar/s.test("foo
bar") // true

ES2018 引入了一種新的類的寫法p{...}和P{...}，允許正則表達式匹配符合 Unicode 某種屬性的所有字符。

const regexGreekSymbol = /p{Script=Greek}/u;
regexGreekSymbol.test("π") // true

正常多個匹配 可能用圓括號包起，如下：

const RE_DATE = /(d{4})-(d{2})-(d{2})/;

const matchObj = RE_DATE.exec("1999-12-31");
const year = matchObj[1]; // 1999
const month = matchObj[2]; // 12
const day = matchObj[3]; // 31

但是以上的寫法不容易看懂，理解較為困難，而且只能用數(shù)字序號，另外如果數(shù)組順序變了，還需要修改引用的序號。所以就有了具名組匹配。允許為每一個組匹配指定一個名字，既便于閱讀代碼，又便于引用。即使組的順序變了，葉不用去更改匹配后的處理代碼。如下：

const RE_DATE = /(?d{4})-(?d{2})-(?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)部，模式的頭部添加“問號 + 尖括號 + 組名”（?）

如果一個正則表達式在一個字符串中有多個匹配，現(xiàn)在使用的是 g 修飾符 或者 y 修飾符 循環(huán) 取出。現(xiàn)在有了新的提案。就是用 String.prototype.matchAll 一次性取出，但是它返回的不是一個數(shù)組，而是一個遍歷器。然后可以用 for ... of 取出。

ES6入門系列

ES6入門之let、cont

ES6入門之變量的解構(gòu)賦值

ES6入門之字符串的擴展

Git教程

前端Git基礎(chǔ)教程