JS字符串累加Array不一定比字符串累加快(根據(jù)電腦配置)
<script type="text/javascript">
function StringBuffer() {
this._strings = new Array();
}
StringBuffer.prototype.append = function(str) {
this._strings.push(str);
//StringBuffer.prototype.length = this._strings.length;//每多一行,就會多消耗處理時間
var i = "asdfasdf";
}
StringBuffer.prototype.toString = function() {
this._strings.join("");
}
/*String類 + 號累加*/
var d = new Date();//累加開始時間
var str = "1";
for (var i = 0; i < 200; i++) {
str += "ssss";
for (var i = 0; i < 30000; i++) {
str += "text";
}
}
var d2 = new Date(); //累加結束時間
document.write("+:"+(d2.getTime() - d.getTime()) + "milliseconds");//累加30000用時
/*自定義StringBuffer類 字符串累加*/
d = new Date(); //StringBuffer開始時間
var buffer = new StringBuffer();
for (var i = 0; i < 200; i++) {
str += "ssss";
for (var i = 0; i < 30000; i++) {
buffer.append("text");
}
}
var resultstr = buffer.toString();
d2 = new Date();
document.write("<br/>StringBuffer:" + (d2.getTime() - d.getTime()) + "milliseconds");
/*直接使用Array 不進行封裝*/
d = new Date();
var arr = new Array();
for (var i = 0; i < 200; i++) {
str += "ssss";
for (var i = 0; i < 30000; i++) {
arr.push("text");
}
}
var resStr = arr.join("");
d2 = new Date();
document.write("<br/>Array:" + (d2.getTime() - d.getTime()) + "milliseconds");
</script>
[code]
先說下我的機器配置 如圖1:。
運行時間結果 如圖2:
在一臺N老的機子上運行結果 如圖3:
上面一堆的代碼和圖可能亂了??偨Y如下:
機器配置較低時:“+”字符串拼接方式消耗時間明顯高于Array 方式
機器配置較高時:“+”字符串拼接方式消耗時間可能會與Array方式持平。甚者會更短.
總結:為了保險起見。還是推薦使用Array 來進行字符串拼接操作.
相關文章
Tesseract.js使用純js實現(xiàn)的OCR文字識別
Tesseract.js是流行的Tesseract OCR引擎的純Javascript端口,這個庫支持100多種語言,自動文本定位和腳本檢測,一個簡單的界面,用于閱讀段落、單詞和字符邊界框,Tesseract.js既可以在瀏覽器中運行,也可以在帶有NodeJS的服務器上運行2023-10-10javascript 實現(xiàn)簡單的table排序及table操作練習
在這個列子中,練習了table的操作,主要有:tBodies、rows、cells,還有有關數(shù)組的排序方法:sort,按興趣的朋友可以研究下2012-12-12JavaScript中Promise的執(zhí)行順序詳解
Promise 是 JS 中進行異步編程的新的解決方案(舊的是純回調形式) ,下面這篇文章主要給大家介紹了關于JavaScript中Promise執(zhí)行順序的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-01-01JavaScript函數(shù)內(nèi)部屬性和函數(shù)方法實例詳解
函數(shù)是由事件驅動的或者當它被調用時執(zhí)行的可重復使用的代碼塊。通過本文給大家介紹JavaScript函數(shù)內(nèi)部屬性和函數(shù)方法,感興趣的朋友一起學習吧2016-03-03Bootstrap~多級導航(級聯(lián)導航)的實現(xiàn)效果【附代碼】
下面小編就為大家分享一篇Bootstrap~多級導航(級聯(lián)導航)的實現(xiàn)效果【附代碼】。小編覺得挺不錯。希望對大家有所幫助。一起跟隨小編過來看看吧2016-03-03原生JavaScript實現(xiàn)網(wǎng)頁版計算器
這篇文章主要為大家詳細介紹了原生JavaScript實現(xiàn)網(wǎng)頁版計算器,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-11-11