JS字符串累加Array不一定比字符串累加快(根據(jù)電腦配置)
更新時(shí)間：2012年05月14日 21:26:49 作者：
言歸正傳：性能差異較大的機(jī)器運(yùn)行結(jié)果會(huì)RT 出現(xiàn)大的差異,為了保險(xiǎn)起見(jiàn)。還是推薦使用Array 來(lái)進(jìn)行字符串拼接操作
先貼出完整代碼.
<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;//每多一行，就會(huì)多消耗處理時(shí)間
var i = "asdfasdf";
}
StringBuffer.prototype.toString = function() {
this._strings.join("");
}
/*String類 + 號(hào)累加*/
var d = new Date();//累加開(kāi)始時(shí)間
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(); //累加結(jié)束時(shí)間
document.write("+："+(d2.getTime() - d.getTime()) + "milliseconds");//累加30000用時(shí)
/*自定義StringBuffer類 字符串累加*/
d = new Date(); //StringBuffer開(kāi)始時(shí)間
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 不進(jìn)行封裝*/
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]
復(fù)制代碼 代碼如下:
<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;//每多一行，就會(huì)多消耗處理時(shí)間
var i = "asdfasdf";
}
StringBuffer.prototype.toString = function() {
this._strings.join("");
}
/*String類 + 號(hào)累加*/
var d = new Date();//累加開(kāi)始時(shí)間
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(); //累加結(jié)束時(shí)間
document.write("+："+(d2.getTime() - d.getTime()) + "milliseconds");//累加30000用時(shí)
/*自定義StringBuffer類 字符串累加*/
d = new Date(); //StringBuffer開(kāi)始時(shí)間
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 不進(jìn)行封裝*/
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]
先說(shuō)下我的機(jī)器配置 如圖1：
。
運(yùn)行時(shí)間結(jié)果 如圖2：
在一臺(tái)N老的機(jī)子上運(yùn)行結(jié)果 如圖3：
上面一堆的代碼和圖可能亂了?？偨Y(jié)如下：
機(jī)器配置較低時(shí)：“+”字符串拼接方式消耗時(shí)間明顯高于Array 方式
機(jī)器配置較高時(shí)：“+”字符串拼接方式消耗時(shí)間可能會(huì)與Array方式持平。甚者會(huì)更短.
總結(jié)：為了保險(xiǎn)起見(jiàn)。還是推薦使用Array 來(lái)進(jìn)行字符串拼接操作.
您可能感興趣的文章:
相關(guān)文章
Tesseract.js使用純js實(shí)現(xiàn)的OCR文字識(shí)別
Tesseract.js是流行的Tesseract OCR引擎的純Javascript端口,這個(gè)庫(kù)支持100多種語(yǔ)言,自動(dòng)文本定位和腳本檢測(cè),一個(gè)簡(jiǎn)單的界面,用于閱讀段落、單詞和字符邊界框,Tesseract.js既可以在瀏覽器中運(yùn)行,也可以在帶有NodeJS的服務(wù)器上運(yùn)行2023-10-10
這篇文章主要介紹了微信小程序 Storage更新詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
javascript 實(shí)現(xiàn)簡(jiǎn)單的table排序及table操作練習(xí)
在這個(gè)列子中，練習(xí)了table的操作，主要有：tBodies、rows、cells，還有有關(guān)數(shù)組的排序方法：sort,按興趣的朋友可以研究下2012-12-12
JavaScript中Promise的執(zhí)行順序詳解
Promise 是 JS 中進(jìn)行異步編程的新的解決方案(舊的是純回調(diào)形式) ,下面這篇文章主要給大家介紹了關(guān)于JavaScript中Promise執(zhí)行順序的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-01-01
這篇文章主要介紹了微信小程序如何使用globalData的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
JavaScript函數(shù)內(nèi)部屬性和函數(shù)方法實(shí)例詳解
函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊。通過(guò)本文給大家介紹JavaScript函數(shù)內(nèi)部屬性和函數(shù)方法，感興趣的朋友一起學(xué)習(xí)吧2016-03-03
Bootstrap~多級(jí)導(dǎo)航(級(jí)聯(lián)導(dǎo)航)的實(shí)現(xiàn)效果【附代碼】
下面小編就為大家分享一篇Bootstrap~多級(jí)導(dǎo)航(級(jí)聯(lián)導(dǎo)航)的實(shí)現(xiàn)效果【附代碼】。小編覺(jué)得挺不錯(cuò)。希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2016-03-03
下面小編就為大家分享一篇移動(dòng)前端圖片壓縮上傳的實(shí)例。具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起小編過(guò)來(lái)看看吧2017-12-12
6種JavaScript判斷對(duì)象自身為空的方法小結(jié)
這篇文章主要為大家詳細(xì)介紹了6種JavaScript判斷對(duì)象自身為空的方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12
原生JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版計(jì)算器
這篇文章主要為大家詳細(xì)介紹了原生JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11