|
|
一、 最常用+=
一直說(shuō)這種方式的效率是最低的，為什么呢？可以看下這種方式的實(shí)質(zhì)過(guò)程。
var str = "hello";
str += "world";
(1) 創(chuàng)建存儲(chǔ)"hello"的字符串。
(2) 創(chuàng)建存儲(chǔ)"world"的字符串。
(3) 創(chuàng)建存儲(chǔ)連接結(jié)果的字符串。
(4) 把str的當(dāng)前內(nèi)容復(fù)制到結(jié)果中。
(5) 把"world"復(fù)制到結(jié)果中。
(6) 更新str，使它指向結(jié)果。
每次完成字符串連接都會(huì)執(zhí)行步驟2到6，使得這種操作非常消耗資源。如果重復(fù)這一過(guò)程幾百次，甚至幾千次，就會(huì)造成性能問(wèn)題。所有以后就要摒棄這種用法了，哈哈哈。^_^
二、 join()方法
復(fù)制代碼 代碼如下:
//按鈕調(diào)用
function JoinFn() {
var arr = new Array;
arr[0] = "張三";
arr[1] = "李四";
alert(arr.join(""));
}
執(zhí)行的步驟如下：
(1) 創(chuàng)建存儲(chǔ)結(jié)果的字符串。
(2) 把每個(gè)字符串復(fù)制到結(jié)果中的合適位置。
這中方法效率比第一種快。
三、 封裝一個(gè)自定義的類
JavaScript中沒(méi)有像C#中那樣的StringBuilder類，但是我們可以自定義一個(gè)StringBuilder類，建類的方法就是上一篇提到的“混合的構(gòu)造函數(shù)/原型方式”。
復(fù)制代碼 代碼如下:
//自定義一個(gè)StringBuilder類，用來(lái)連接字符串
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);
}
總結(jié)
最后比較以上這三種方法，書(shū)上說(shuō)最后一種速度最快，但是經(jīng)過(guò)我測(cè)試，貌似join()是最快的，第三種反而是最慢的，難道我的自定義StringBuilder類有問(wèn)題？
JavaScript技術(shù)：JavaScript 學(xué)習(xí)筆記（七）字符串的連接，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
