JavaScript 學(xué)習(xí)筆記二 字符串拼接
更新時間：2010年03月28日 10:15:10 作者：
JavaScript 字符串拼接的一些知識點分析，對于提高效率等，都是非常值得一看的。
var str="hello";
str+="world";
實際上，這段代碼在幕后執(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)建最后的字符串。想像用下面的代碼代替前面的代碼：
var str=new Array();
str[0]="hello";
str[1]="world";
str.join("");
這樣，無論在數(shù)組中引入多少字符串都不成問題，因為只在調(diào)用join()方法時才會發(fā)生連接操作。此時，執(zhí)行的步驟如下：
(1) 創(chuàng)建存儲結(jié)果的字符串。
(2) 把每個字符串復(fù)制到結(jié)果中的合適位置。
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 類
更多可以參考腳本之家以前的文章。
str+="world";
實際上，這段代碼在幕后執(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ù)組中引入多少字符串都不成問題，因為只在調(diào)用join()方法時才會發(fā)生連接操作。此時，執(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 類
更多可以參考腳本之家以前的文章。
相關(guān)文章
這篇文章主要介紹了javascript 秒表計時器實現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2017-03-03
本文沒有詳細(xì)描述這些新特性，因為網(wǎng)上都已經(jīng)有很多相關(guān)的介紹了。主要針對ES6 新特性收集了相關(guān)范例代碼，他可以讓你快速了解這個新的javascript規(guī)范2017-03-03
JavaScript 下拉菜單中的鏈接2008-12-12![document.styleSheets[0].disabled](http://img.jbzj.com/images/xgimg/bcimg3.png)
document.styleSheets[0].disabled
document.styleSheets[0].disabled...2006-10-10
這篇文章主要為大家介紹了TypeScript基礎(chǔ)class類教程示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-02-02
表單元素的submit()方法和onsubmit事件應(yīng)用概述
表單元素?fù)碛衧ubmit方法，同時也具有onsubmit事件句柄，用于監(jiān)聽表單提交?？梢允褂胑lemForm.submit();方法觸發(fā)表單提交,感興趣的朋友可以了解下，或許對你有所幫助2013-02-02
escape、encodeURI、encodeURIComponent等方法的區(qū)別比較
escape、encodeURI、encodeURIComponent等方法的區(qū)別比較...2006-12-12
當(dāng)任意一個塊級元素的寬度或高度被顯式指定，它應(yīng)當(dāng)只確定這個可見元素自身(內(nèi)容區(qū))的寬度或高度，而padding, border和margin隨后被應(yīng)用2012-12-12
本篇文章給大家介紹了10款擴(kuò)展Web表單的javascript的插件，一起跟著小編來學(xué)習(xí)下吧。2017-12-12
這篇文章主要介紹了重寫window對象的方法,需要的朋友可以參考下2014-12-12