我們在js中只用字符替換的時候,經(jīng)常會遇到兩種寫法,直接字面量
1、str.replace(/nbsp;/ig,"");
2、new RegExp的方式
測試代碼
form name=form1>
字符串:input name="t1" value="123456">
模式:/input name="t2" value="^\d*$">/
/form>
script language=javascript>
function c1()
{
re=new RegExp("^\d*$");
alert(re.test("123456"));
}
function c2(form)
{
re=new RegExp(form.t2.value);
alert(re.test(form.t1.value));
}
function c3(){
re=/^\d*$/;
alert(re.test("123456"));
}
c1();
c2(document.form1);
c3();
/script>
上面的代碼結(jié)果為:FALSE,TRUE,TRUE
請問結(jié)果中為什么第一個為FALSE?
第一個應(yīng)為 re=new RegExp("^\\d*$");
\在引號中需要轉(zhuǎn)義
第一雙有雙引號,雙引號要加多一次轉(zhuǎn)義的,第二個沒有,這就是區(qū)別
不過今天看來一篇文章,對于復(fù)雜類的替換還是用new 來寫出來。前提也得把正則優(yōu)化好。
以前看到很多文章都說 字面量 會比 new 對象 形式效率高,但是在正則這里,好像不是這么回事。
不過也不能直接否認(rèn)這個觀點,因為我一直都用字面量的,簡潔美觀,用著方便才是王道。
我覺得在數(shù)據(jù)量大,或者重復(fù)操作次數(shù)多的時候用 new RegExp 是很必要的。
因為你也看到了性能提升這么多。
當(dāng)然前提條件是你的正則必須優(yōu)化,正則沒優(yōu)化的情況,兩種差不多。
所以優(yōu)化你的正則,然后用 new RegExp 可以大幅度提升程序的性能。
PS: IE11 是個特例,這貨從來不安套路出牌。
好了今天的分享完畢,你們都蠢蠢欲動了吧,快去把正則各種new起來吧。
JS正則使用正則表達式字面量和使用 RegExp 構(gòu)造函數(shù)創(chuàng)建的正則表達式有什么不一樣?
下面的內(nèi)容摘自某書
使用正則表達式字面量和使用 RegExp 構(gòu)造函數(shù)創(chuàng)建的正則表達式不一樣。在 ECMAScript 3 中, 正則表達式字面量始終會共享同一個RegExp實例,而使用構(gòu)造函數(shù)創(chuàng)建的每一個新RegExp實例都是一個新實例。來看下面的例子。
var re = null,
i;
for (i=0; i 10; i++){
re = /cat/g;
re.test("catastrophe");
}
for (i=0; i 10; i++){
re = new RegExp("cat", "g");
re.test("catastrophe");
}
在第一個循環(huán)中,即使是循環(huán)體中指定的,但實際上只為 /cat/ 創(chuàng)建了一個 RegExp 實例。由于實例屬性不會重置,所以在循環(huán)中再次調(diào)用 test() 方法會失敗。這是因為第一次調(diào)用 test() 找到了"cat",但第二次調(diào)用是從索引為 3 的字符(上一次匹配的末尾)開始的,所以就找不到它了。由于會測試到字符串末尾,所以下一次再調(diào)用 test()就又從開頭開始了。
第二個循環(huán)使用 RegExp 構(gòu)造函數(shù)在每次循環(huán)中創(chuàng)建正則表達式。因為每次迭代都會創(chuàng)建一個新的 RegExp 實例,所以每次調(diào)用 test()都會返回 true。
沒能看懂,我測試了下兩種方式來測試,都是返回了10次 true 啊
如果放開ES5標(biāo)準(zhǔn)不說,假如是ES3的話是不是說第一種情況是5次,第二種情況是10次呢?
var re = null,
b = 0,
c = 0,
tmp,
i;
for (i=0; i 10; i++){
re = /cat/g;
tmp = re.test("catastrophe");
console.log(tmp);
if(tmp){
b++ ;
}
}
for (i=0; i 10; i++){
re = new RegExp("cat", "g");
tmp = re.test("catastrophe");
console.log(tmp);
if(tmp){
c++;
}
}
console.log(b,c);
你自己都說那是ES3的標(biāo)準(zhǔn)了,現(xiàn)在ES5都普及了,ES6的出現(xiàn)也指日可待了。
ES5標(biāo)準(zhǔn)里不管哪種方式都會創(chuàng)建一個獨立的正則表達式?,F(xiàn)代瀏覽器一般都支持ES5了。
因為現(xiàn)在要看ECMA5.1了,標(biāo)準(zhǔn)中明確指出
A regular expression literal is an input element that is converted to a RegExp object (see 15.10) each time the literal is evaluated. Two regular expression literals in a program evaluate to regular expression objects that never compare as === to each other even if the two literals' contents are identical.
正則表達式字面量每次被計算時都會被轉(zhuǎn)換成一個正則對象,即使內(nèi)容一致,這些對象也并不相同
您可能感興趣的文章:- js之ActiveX控件使用說明 new ActiveXObject()
- javascript中IE瀏覽器不支持NEW DATE()帶參數(shù)的解決方法
- 關(guān)于js new Date() 出現(xiàn)NaN 的分析
- Javascript new關(guān)鍵字的玄機 以及其它
- Javascript new Date().valueOf()的作用與時間戳由來詳解
- js中關(guān)于new Object時傳參的一些細(xì)節(jié)分析
- javascript new一個對象的實質(zhì)
- JavaScript中的new的使用方法與注意事項
- js中獲取時間new Date()的全面介紹
- JavaScript初學(xué)者必看“new”