快捷導(dǎo)航

JS字符串累加Array不一定比字符串累加快(根據(jù)電腦配置)

更新時(shí)間：2012年05月14日 21:26:49 作者：

言歸正傳：性能差異較大的機(jī)器運(yùn)行結(jié)果會(huì)RT 出現(xiàn)大的差異,為了保險(xiǎn)起見。還是推薦使用Array 來進(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();//累加開始時(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開始時(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] 

先說下我的機(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)起見。還是推薦使用Array 來進(jìn)行字符串拼接操作.