var str="hello";
str+="world";
實際上,這段代碼在幕後執行的步驟如下:
(1) 創建存儲"hello"的字符串。
(2) 創建存儲"world"的字符串。
(3) 創建存儲連接結果的字符串。
(4) 把str的當前內容復制到結果中。
(5) 把"world"復制到結果中。
(6) 更新str,使它指向結果。
每次完成字符串連接都會執行步驟2到6,使得這種操作非常消耗資源。如果重復這一過程幾百次,甚至幾千次,就會造成性能問題。解決方法是用Array對象存儲字符串,然後用join()方法(參數是空字符串)創建最後的字符串。想像用下面的代碼代替前面的代碼:
復制代碼 代碼如下:
var str=new Array();
str[0]="hello";
str[1]="world";
str.join("");
這樣,無論在數組中引入多少字符串都不成問題,因為只在調用join()方法時才會發生連接操作。此時,執行的步驟如下:
(1) 創建存儲結果的字符串。
(2) 把每個字符串復制到結果中的合適位置。
復制代碼 代碼如下:
function StringBuilder(){
this._string=new Array();
}
StringBuilder.prototype.Append=function(str){
this._string.push(str);
}
StringBuilder.prototype.toString=function(){
return this._string.join("");
}
相關提升效率的文章:
html數組字符串拼接的最快方法
javascript之大字符串的連接的StringBuffer 類
更多可以參考以前的文章。