JavaScript 字符串連接性能優(yōu)化
更新時間：2008年12月20日 15:23:19 作者：
從多次測試結果看來，使用StringBuffer 可以節(jié)省50%以上的時間
復制代碼 代碼如下:
var str = "hello";
str += " world";
后臺所做工作：
1）創(chuàng)建存儲 "hello" 的字符串，且使 str 指向它。
2）創(chuàng)建存儲 "world" 的字符串。
3）創(chuàng)建存儲結果的字符串。
4）將 str 中的當前內(nèi)容復制到結果字符串中。
5）把 world 復制到結果字符串中。
6）更新 str ，使 str 指向結果字符串。
每拼接一次字符串就循環(huán)重復2）~6），如果重復成百上千次則會非常消耗資源，影響性能。
解決方法：
使用 Array 對象存儲字符串，之后使用 join（）方法輸出結果。
仿照 Java 中的 StringBuffer 類。
復制代碼 代碼如下:
function StringBuffer(){
this._strings = new Array;
}
StringBuffer.prototype.append = function (str){
this._strings.push(str);
}
StringBuffer.prototype.toString = function (){
return this._strings.join("");
}
測試性能：
代碼1：使用 "+=" 拼接字符串
復制代碼 代碼如下:
var d = new Date();
var str = "";
for(var i=0;i<10000;i++){
str += "test";
}
var d2 = new Date();
document.writeln(d2.getTime()-d.getTime());
代碼2：使用 StringBuffer
復制代碼 代碼如下:
var d = new Date();
var str = new StringBuffer();
for(var i=0;i<10000;i++){
str.append("test");
}
var res = str.toString();
var d2 = new Date();
document.writeln(d2.getTime()-d.getTime());
從多次測試結果看來，使用StringBuffer 可以節(jié)省50%以上的時間。
相關文章
JavaScript 函數(shù)節(jié)流詳解及方法總結
這篇文章主要介紹了JavaScript 函數(shù)節(jié)流詳解及實例的相關資料,需要的朋友可以參考下2017-02-02
表格頭固定而列可滾動的效果...2007-11-11
在?JavaScript?程序中如果你在?if?條件語句中使用賦值運算符的等號?(=)?將會產(chǎn)生一個錯誤結果,?正確的方法是使用比較運算符的兩個等號?(==)，這篇文章主要介紹了一文學習JavaScript?使用誤區(qū),需要的朋友可以參考下2023-02-02
這篇文章主要介紹了JS與SQL方式隨機生成高強度密碼,結合實例形式分析了javascript方式與SQL方式生成高強度密碼的相關操作技巧,需要的朋友可以參考下2018-12-12
下面小編就為大家?guī)硪黄獪\談JS的基礎類型與引用類型。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
我們經(jīng)常使用 window.onload 來處理頁面，當頁面加載完成做一些事情。但這個 window.onload 是頁面全部加載完成，甚至包括圖片,下面我們就來詳細探討下window.onload的用法2015-09-09
這篇文章主要介紹了JS常見構造模式,結合實例形式對比分析了工廠模式、構造函數(shù)模式、原型模式、寄生構造函數(shù)模式、穩(wěn)妥構造函數(shù)模式等相關概念、原理、實現(xiàn)方法與相關操作技巧,需要的朋友可以參考下2018-08-08
JavaScript實現(xiàn)手寫call/apply/bind的示例代碼
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)手寫call/apply/bind的方法，文中的示例代碼講解詳細，對我們學習JavaScript有一定的幫助，需要的可以參考一下2023-02-02
layui監(jiān)聽select變化,以及設置radio選中的方法
今天小編就為大家分享一篇layui監(jiān)聽select變化,以及設置radio選中的方法，具有好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Bootstrap 是一個用于快速開發(fā) Web 應用程序和網(wǎng)站的前端框架。接下來通過本文給大家介紹如何快速掌握Bootstrap，感興趣的朋友一起學習吧2016-05-05