JavaScript 學(xué)習(xí)筆記二字符串拼接

2019-11-21 00:38:10

字體：大中小

供稿：網(wǎng)友

var str="hello";
str+="world";
實(shí)際上，這段代碼在幕后執(zhí)行的步驟如下：
(1) 創(chuàng)建存儲"hello"的字符串。
(2) 創(chuàng)建存儲"world"的字符串。
(3) 創(chuàng)建存儲連接結(jié)果的字符串。
(4) 把str的當(dāng)前內(nèi)容復(fù)制到結(jié)果中。
(5) 把"world"復(fù)制到結(jié)果中。
(6) 更新str，使它指向結(jié)果。
每次完成字符串連接都會執(zhí)行步驟2到6，使得這種操作非常消耗資源。如果重復(fù)這一過程幾百次，甚至幾千次，就會造成性能問題。解決方法是用Array對象存儲字符串，然后用join()方法（參數(shù)是空字符串）創(chuàng)建最后的字符串。想像用下面的代碼代替前面的代碼：

復(fù)制代碼代碼如下:

 
var str=new Array(); 
str[0]="hello"; 
str[1]="world"; 
str.join(""); 

這樣，無論在數(shù)組中引入多少字符串都不成問題，因?yàn)橹辉谡{(diào)用join()方法時(shí)才會發(fā)生連接操作。此時(shí)，執(zhí)行的步驟如下：
(1) 創(chuàng)建存儲結(jié)果的字符串。
(2) 把每個字符串復(fù)制到結(jié)果中的合適位置。

復(fù)制代碼代碼如下:

 
function StringBuilder(){ 
this._string=new Array(); 
} 
StringBuilder.prototype.Append=function(str){ 
this._string.push(str); 
} 
StringBuilder.prototype.toString=function(){ 
return this._string.join(""); 
} 

相關(guān)提升效率的文章:
html數(shù)組字符串拼接的最快方法

javascript之大字符串的連接的StringBuffer 類

更多可以參考武林網(wǎng)以前的文章。

上一篇：JavaScript 學(xué)習(xí)筆記一些小技巧

下一篇：jQuery 美元符沖突的解決方法