我們在js中只用字符替換的時候,經常會遇到兩種寫法,直接字面量
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>
上面的代碼結果為:FALSE,TRUE,TRUE
請問結果中為什么第一個為FALSE?
第一個應為 re=new RegExp("^\\d*$");
\在引號中需要轉義
第一雙有雙引號,雙引號要加多一次轉義的,第二個沒有,這就是區別
不過今天看來一篇文章,對于復雜類的替換還是用new 來寫出來。前提也得把正則優化好。
以前看到很多文章都說 字面量 會比 new 對象 形式效率高,但是在正則這里,好像不是這么回事。
不過也不能直接否認這個觀點,因為我一直都用字面量的,簡潔美觀,用著方便才是王道。
我覺得在數據量大,或者重復操作次數多的時候用 new RegExp 是很必要的。
因為你也看到了性能提升這么多。
當然前提條件是你的正則必須優化,正則沒優化的情況,兩種差不多。
所以優化你的正則,然后用 new RegExp 可以大幅度提升程序的性能。
PS: IE11 是個特例,這貨從來不安套路出牌。
好了今天的分享完畢,你們都蠢蠢欲動了吧,快去把正則各種new起來吧。
JS正則使用正則表達式字面量和使用 RegExp 構造函數創建的正則表達式有什么不一樣?
下面的內容摘自某書
使用正則表達式字面量和使用 RegExp 構造函數創建的正則表達式不一樣。在 ECMAScript 3 中, 正則表達式字面量始終會共享同一個RegExp實例,而使用構造函數創建的每一個新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");
}
在第一個循環中,即使是循環體中指定的,但實際上只為 /cat/ 創建了一個 RegExp 實例。由于實例屬性不會重置,所以在循環中再次調用 test() 方法會失敗。這是因為第一次調用 test() 找到了"cat",但第二次調用是從索引為 3 的字符(上一次匹配的末尾)開始的,所以就找不到它了。由于會測試到字符串末尾,所以下一次再調用 test()就又從開頭開始了。
第二個循環使用 RegExp 構造函數在每次循環中創建正則表達式。因為每次迭代都會創建一個新的 RegExp 實例,所以每次調用 test()都會返回 true。
沒能看懂,我測試了下兩種方式來測試,都是返回了10次 true 啊
如果放開ES5標準不說,假如是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的標準了,現在ES5都普及了,ES6的出現也指日可待了。
ES5標準里不管哪種方式都會創建一個獨立的正則表達式。現代瀏覽器一般都支持ES5了。
因為現在要看ECMA5.1了,標準中明確指出
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.
正則表達式字面量每次被計算時都會被轉換成一個正則對象,即使內容一致,這些對象也并不相同
您可能感興趣的文章:- js之ActiveX控件使用說明 new ActiveXObject()
- javascript中IE瀏覽器不支持NEW DATE()帶參數的解決方法
- 關于js new Date() 出現NaN 的分析
- Javascript new關鍵字的玄機 以及其它
- Javascript new Date().valueOf()的作用與時間戳由來詳解
- js中關于new Object時傳參的一些細節分析
- javascript new一個對象的實質
- JavaScript中的new的使用方法與注意事項
- js中獲取時間new Date()的全面介紹
- JavaScript初學者必看“new”