快捷導(dǎo)航

JavaScript 學(xué)習(xí)筆記（七）字符串的連接

更新時間：2009年12月31日 23:22:30 作者：

javascript 字符串的連接效率問題，需要的朋友可以參考下。

字符串的連接
一、最常用+=
一直說這種方式的效率是最低的，為什么呢？可以看下這種方式的實質(zhì)過程。
var str = "hello";
str += "world";
(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ù)這一過程幾百次，甚至幾千次，就會造成性能問題。所有以后就要摒棄這種用法了，哈哈哈。^_^
二、 join()方法

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

 
//按鈕調(diào)用 
function JoinFn() { 
var arr = new Array; 
arr[0] = "張三"; 
arr[1] = "李四"; 
alert(arr.join("")); 
} 

執(zhí)行的步驟如下：
(1) 創(chuàng)建存儲結(jié)果的字符串。
(2) 把每個字符串復(fù)制到結(jié)果中的合適位置。
這中方法效率比第一種快。
三、封裝一個自定義的類
JavaScript中沒有像C#中那樣的StringBuilder類，但是我們可以自定義一個StringBuilder類，建類的方法就是上一篇提到的“混合的構(gòu)造函數(shù)/原型方式”。

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

 
//自定義一個StringBuilder類，用來連接字符串 
function StringBuilder() { 
this._strings = new Array(); 
} 
StringBuilder.prototype.append = function(str) { 
this._strings.push(str); 
}; 
StringBuilder.prototype.toString = function() { 
return this._strings.join(""); 
}; 
//按鈕調(diào)用 
function MyConnectClassFn() { 
var sb = new StringBuilder(); 
sb.append("張三"); 
sb.append("李四"); 
var strResult = sb.toString(); 
alert(strResult); 
} 