JS字符串累加Array不一定比字符串累加快(根據(jù)電腦配置)
更新時間:2012年05月14日 21:26:49 作者:
言歸正傳:性能差異較大的機器運行結(jié)果會RT 出現(xiàn)大的差異,為了保險起見。還是推薦使用Array 來進行字符串拼接操作
先貼出完整代碼.
<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(); //累加結(jié)束時間
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]
復(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;//每多一行,就會多消耗處理時間
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(); //累加結(jié)束時間
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:
。
運行時間結(jié)果 如圖2:
在一臺N老的機子上運行結(jié)果 如圖3:
上面一堆的代碼和圖可能亂了??偨Y(jié)如下:
機器配置較低時:“+”字符串拼接方式消耗時間明顯高于Array 方式
機器配置較高時:“+”字符串拼接方式消耗時間可能會與Array方式持平。甚者會更短.
總結(jié):為了保險起見。還是推薦使用Array 來進行字符串拼接操作.
您可能感興趣的文章:
相關(guān)文章
詳解JS中的堆棧,事件循環(huán),執(zhí)行上下文和作用域以及閉包
這篇文章主要為大家詳細介紹了JavaScript中的堆棧,事件循環(huán),執(zhí)行上下文和作用域以及閉包的相關(guān)知識,文中的示例代碼講解詳細,感興趣的小伙伴可以了解下2024-01-01
webpack教程之webpack.config.js配置文件
本篇文章主要介紹了webpack教程之webpack.config.js配置文件 ,具有一定的參考價值,有興趣的可以了解一席2017-07-07
Bootstrap教程JS插件滾動監(jiān)聽學(xué)習(xí)筆記分享
這篇文章主要為大家分享了Bootstrap教程JS插件滾動監(jiān)聽學(xué)習(xí)筆記,內(nèi)容很詳細,感興趣的小伙伴們可以參考一下2016-05-05

