本文實例講述了ES6正則的擴展。分享給大家供大家參考,具體如下:
1. RegExp構造函數
ES5中,RegExp構造函數的參數:
參數是字符串,這時第二個參數表示正則表達式的修飾符(flag)
參數是一個正則表示式,這時會返回一個原有正則表達式的拷貝。但是,ES5不允許此時使用第二個參數,添加修飾符,否則會報錯。
ES6改變了這種行為。如果RegExp構造函數第一個參數是一個正則對象,那么可以使用第二個參數指定修飾符。而且,返回的正則表達式會忽略原有的正則表達式的修飾符,只使用新指定的修飾符。
2. 字符串的正則表達式
字符串對象共有4個方法,可以使用正則表達式:match()、replace()、search()和split()。
ES6將這4個方法,在語言內部全部調用RegExp的實例方法,從而做到所有與正則相關的方法,全都定義在RegExp對象上。
String.prototype.match 調用 RegExp.prototype[Symbol.match]String.prototype.replace 調用 RegExp.prototype[Symbol.replace]String.prototype.search 調用 RegExp.prototype[Symbol.search]String.prototype.split 調用 RegExp.prototype[Symbol.split]
3. u修飾符
ES6對正則表達式添加了u修飾符,含義為“Unicode模式”,用來正確處理大于/uFFFF的Unicode字符。
也就是說,會正確處理四個字節的UTF-16編碼。對于碼點大于0xFFFF的Unicode字符,點字符不能識別,必須加上u修飾符。
ES6新增了使用大括號表示Unicode字符,這種表示法在正則表達式中必須加上u修飾符,才能識別。
//u{61}/.test('a') // false//u{61}/u.test('a') // true//u{20BB7}/u.test('𠮷') // true①.點字符
點(.)字符在正則表達式中,含義是除了換行符以外的任意單個字符。對于碼點大于0xFFFF的Unicode字符,點字符不能識別,必須加上u修飾符。
var s = '';/^.$/.test(s) // false/^.$/u.test(s) // true
上面代碼表示,如果不添加u修飾符,正則表達式就會認為字符串為兩個字符,從而匹配失敗。
②. 量詞
使用u修飾符后,所有量詞都會正確識別碼點大于0xFFFF的Unicode字符。
/a{2}/.test('aa') // true/a{2}/u.test('aa') // true/ {2}/.test(' ') // false/ {2}/u.test(' ') // true另外,只有在使用u修飾符的情況下,Unicode表達式當中的大括號才會被正確解讀,否則會被解讀為量詞。
/^/u{3}$/.test('uuu') // true上面代碼中,由于正則表達式沒有u修飾符,所以大括號被解讀為量詞。加上u修飾符,就會被解讀為Unicode表達式。
③. 預定義模式
u修飾符也影響到預定義模式,能否正確識別碼點大于0xFFFF的Unicode字符。
新聞熱點
疑難解答
圖片精選