本文實(shí)例講述了ES6正則表達(dá)式和字符串正則方法。分享給大家供大家參考,具體如下:
RegExp構(gòu)造函數(shù)
在ES5中,RegExp構(gòu)造函數(shù)的參數(shù)有兩種情況。
第一種情況是,參數(shù)是字符串,這時(shí)第二個(gè)參數(shù)表示正則表達(dá)式的修飾符(flag)。
var regex = new RegExp('xyz', 'i');// 等價(jià)于var regex = /xyz/i;
第二種情況是,參數(shù)是一個(gè)正則表示式,這時(shí)會(huì)返回一個(gè)原有正則表達(dá)式的拷貝。
var regex = new RegExp(/xyz/i);// 等價(jià)于var regex = /xyz/i;
但是,ES5不允許此時(shí)使用第二個(gè)參數(shù),添加修飾符,否則會(huì)報(bào)錯(cuò)。
var regex = new RegExp(/xyz/, i);// Uncaught TypeError: Cannot supply flags when constructing one RegExp from another
ES6改變了這種行為。如果RegExp構(gòu)造函數(shù)第一個(gè)參數(shù)是一個(gè)正則對(duì)象,那么可以使用第二個(gè)參數(shù)指定修飾符。而且,返回的正則表達(dá)式會(huì)忽略原有的正則表達(dá)式的修飾符,只使用新指定的修飾符。
new RegExp(/abc/ig, 'i').flags// "i"
上面代碼中,原有正則對(duì)象的修飾符是ig,它會(huì)被第二個(gè)參數(shù)i覆蓋。
字符串的正則方法
字符串對(duì)象共有4個(gè)方法,可以使用正則表達(dá)式:match()
、replace()
、search()
和split()
。
ES6將這4個(gè)方法,在語言內(nèi)部全部調(diào)用RegExp的實(shí)例方法,從而做到所有與正則相關(guān)的方法,全都定義在RegExp對(duì)象上。
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]
字符串對(duì)象共有4個(gè)方法,可以使用正則表達(dá)式:match()、replace()、search()和split()。
PS:這里再為大家提供2款非常方便的正則表達(dá)式工具供大家參考使用:
JavaScript正則表達(dá)式在線測(cè)試工具:
http://tools.VeVB.COm/regex/javascript
正則表達(dá)式在線生成工具:
http://tools.VeVB.COm/regex/create_reg
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《ECMAScript6(ES6)入門教程》、《JavaScript正則表達(dá)式技巧大全》、《JavaScript替換操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注