校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > JS正則表達式字面量和使用new RegExp構造函數創建的正則表達式有什么區別

JS正則表達式字面量和使用new RegExp構造函數創建的正則表達式有什么區別

熱門標簽:知名的電話機器人 高德地圖標注短信簽約 RO地圖標注app 錫林郭勒盟地圖標注位置 電銷機器人公司簡介 百音電話機器人 湖南企業智能外呼系統供應商 自制電銷機器人 福州工作銷售電話機器人

我們在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”

標簽:茂名 西寧 怒江 秦皇島 昆明 河北 玉林 吉林

巨人網絡通訊聲明:本文標題《JS正則表達式字面量和使用new RegExp構造函數創建的正則表達式有什么區別》,本文關鍵詞  正則,表達式,字面,量,和,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《JS正則表達式字面量和使用new RegExp構造函數創建的正則表達式有什么區別》相關的同類信息!
  • 本頁收集關于JS正則表達式字面量和使用new RegExp構造函數創建的正則表達式有什么區別的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 滦南县| 泰兴市| 冷水江市| 东宁县| 凤凰县| 武清区| 安达市| 临沂市| 安义县| 乡宁县| 凤阳县| 光泽县| 建始县| 洪江市| 乡宁县| 安乡县| 凤凰县| 富民县| 进贤县| 郸城县| 辽中县| 张家口市| 顺平县| 克东县| 灵山县| 板桥市| 建水县| 千阳县| 蛟河市| 泗水县| 新干县| 武山县| 南陵县| 茶陵县| 舞钢市| 准格尔旗| 普定县| 泸定县| 景德镇市| 体育| 顺义区|