国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

JavaScript組合拼接字符串的效率對比測試_javascript技巧

來源:懂視網 責編:小采 時間:2020-11-27 21:28:31
文檔

JavaScript組合拼接字符串的效率對比測試_javascript技巧

JavaScript組合拼接字符串的效率對比測試_javascript技巧:在腳本開發過程中,經常會按照某個規則,組合拼接出一個大字符串進行輸出。比如寫腳本控件時控制整個控件的外觀的HTML標簽輸出,比如AJAX里得到服務器端的回傳值后動態分析創建HTML標簽時,不過這里我就不討論拼接字符串的具體應用了,我只是想在這里討論一下
推薦度:
導讀JavaScript組合拼接字符串的效率對比測試_javascript技巧:在腳本開發過程中,經常會按照某個規則,組合拼接出一個大字符串進行輸出。比如寫腳本控件時控制整個控件的外觀的HTML標簽輸出,比如AJAX里得到服務器端的回傳值后動態分析創建HTML標簽時,不過這里我就不討論拼接字符串的具體應用了,我只是想在這里討論一下

在腳本開發過程中,經常會按照某個規則,組合拼接出一個大字符串進行輸出。比如寫腳本控件時控制整個控件的外觀的HTML標簽輸出,比如AJAX里得到服務器端的回傳值后動態分析創建HTML標簽時,不過這里我就不討論拼接字符串的具體應用了,我只是想在這里討論一下拼接的效率。

字符串的拼接在我們寫代碼的時候都是用“+=”這個運算符,s += String; 這是我們最為熟知的寫法,不知道大家有沒有注意過沒有,在組合的字符串容量有幾十K甚至幾百K的時候,腳本執行起來很慢,CPU使用率狂高,例如:

代碼如下:
var str = "01234567891123456789212345678931234567894123456789";
str+= "51234567896123456789712345678981234567899123456789/n";
var result = "";
for(var i=0; i<2000; i++) result += str;

就這么一步操作,產生的結果字符串是200K,耗時是1.1秒(這個與電腦配置有關),CPU的峰值100%。(為了更直觀地看到效果,我多做了些循環)。可想而知就這么一步操作就消耗了我一秒多的時間,再加上其它的代碼的時間消耗,那整個腳本塊的執行時間就難以忍受了。那有沒有優化的方案呢?還有其它的方法嗎?答案當然是有的,否則我寫這篇文章就是廢話。

更快的方式就是使用數組,在循環拼接的時候不是相接拼接到某個字符串里去,而是把字符串放到一個數組里,最后用數組.join("") 得到結果字符串,代碼示例:

代碼如下:
var str = "01234567891123456789212345678931234567894123456789";
str+= "51234567896123456789712345678981234567899123456789/n";
var result = "", a = new Array();
for(var i=0; i<2000; i++) a[i] = str;
result = a.join(""); a = null;

大家可以測試測試,組合出一個相同大小的字符串所消耗的時間,我這里測試出來的結果是:<15毫秒,請注意,它的單位是毫秒,也就是說組合出這么一個200K的字符串,兩種模式的時間消耗是差不多兩個數量級。這意味著什么?意味著后者已經工作結束吃完中飯回來,前者還在做著苦力。我寫一個測試頁面,大家可以把下面這些代碼拷貝下來另存為一個HTM文件在網頁里打開自己來測試一下兩者之間的效率差,反正我測試的是前者要半分鐘才能完成的事,后者0.07秒就搞定了(循環10000次)。

代碼如下:

字符串拼接次數






var a = new Array();
for(var i=0; i {
a[i] = str;
}
result = a.join(""); a=null;

document.getElementById("show").value = result;
var s = "數組賦值join法:拼接后的大字符串長 "+ result.length +"字節,"+
"拼接耗時 "+ (new Date().getTime()-n) +"毫秒!";
document.getElementById("method2").innerHTML = s;
}
//-->

最后我再說幾句,是不是以后字符串拼接就一律使用數組join呢?這個要看你的實際需求了,就普通的幾個或者K級的字節的組合就沒有必要使用數組法了,因為開數組變量也是有消耗的。若有幾K以上的字符串組合,那就是數組的效率高了。

IE 6.0:

字符串拼接法:拼接后的大字符串長 1010000字節,拼接耗時 22089毫秒!
數組賦值join法:拼接后的大字符串長 1010000字節,拼接耗時 218毫秒!

Firefox 1.0:

字符串拼接法:拼接后的大字符串長 1010000字節,拼接耗時 1044毫秒!
數組賦值join法:拼接后的大字符串長 1010000字節,拼接耗時 1044毫秒!

Mozilla 1.7:

字符串拼接法:拼接后的大字符串長 1010000字節,拼接耗時 1045毫秒!
數組賦值join法:拼接后的大字符串長 1010000字節,拼接耗時 1044毫秒!

Netscape 7.0:

字符串拼接法:拼接后的大字符串長 1010000字節,拼接耗時 10273毫秒!
數組賦值join法:拼接后的大字符串長 1010000字節,拼接耗時 1138毫秒!

Opera 7.54:

字符串拼接法:拼接后的大字符串長 1010000字節,拼接耗時 6968毫秒!
數組賦值join法:拼接后的大字符串長 1010000字節,拼接耗時 6922毫秒!

循環10000次的測試結果表明在IE和Netscape里可以大大提高效率,而在Firefox Mozilla Opera 里兩種方法耗時基本相近,這些數據足可以判定數組join法優于傳統字符串拼接。

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

JavaScript組合拼接字符串的效率對比測試_javascript技巧

JavaScript組合拼接字符串的效率對比測試_javascript技巧:在腳本開發過程中,經常會按照某個規則,組合拼接出一個大字符串進行輸出。比如寫腳本控件時控制整個控件的外觀的HTML標簽輸出,比如AJAX里得到服務器端的回傳值后動態分析創建HTML標簽時,不過這里我就不討論拼接字符串的具體應用了,我只是想在這里討論一下
推薦度:
標簽: 效率 js 測試
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 国产日韩视频一区 | 国内自拍一区 | 制服一区 | 欧美日韩视频一区二区在线观看 | 欧美日韩国产va另类 | 欧美极品欧美日韩 | 久久综合中文字幕一区二区 | 亚洲视频在线免费播放 | 一本色道久久88综合亚洲精品高清 | 国产成人精品999在线 | 欧美综合自拍亚洲综合百度 | 日韩精品成人 | 午夜日韩在线 | 日本欧美国产精品第一页久久 | 亚洲图片欧美在线 | 国产区在线看 | 国产成人精品视频在放 | 精品在线一区 | 久青草国产视频 | 99久久精品国产一区二区小说 | 亚洲欧美综合网 | 日韩欧美不卡一区二区三区 | 日本不卡视频一区二区 | 精品国产欧美一区二区五十路 | 在线亚洲欧国产精品专区 | 国产精品www | 亚洲v欧美v日韩v国产v | 中文字幕综合 | 91原创在线 | 高清国产精品久久 | 久久中文字幕久久久久91 | 国产精品视频免费 | 黄色成人在线观看 | 亚洲欧美日本在线 | 中文字幕第一区 | 日韩国产综合 | 日韩 国产 欧美 精品 在线 | 国产成人精品免费视频大全可播放的 | 国产 欧美 日韩 在线 | 99热成人精品国产免国语的 | 亚洲小视频在线 |