今天在問一下問題時學(xué)到了
在腳本開發(fā)過程中，經(jīng)常會按照某個規(guī)則，組合拼接出一個大字符串進(jìn)行輸出。比如寫腳本控件時控制整個控件的外觀的HTML標(biāo)簽輸出，比如AJAX里得到服務(wù)器端的回傳值后動態(tài)分析創(chuàng)建HTML標(biāo)簽時，不過這里我就不討論拼接字符串的具體應(yīng)用了，我只是想在這里討論一下拼接的效率。
字符串的拼接在我們寫代碼的時候都是用“+=”這個運(yùn)算符，s += String; 這是我們最為熟知的寫法，不知道大家有沒有注意過沒有，在組合的字符串容量有幾十K甚至幾百K的時候，腳本執(zhí)行起來很慢，CPU使用率狂高，例如：
var str = "01234567891123456789212345678931234567894123456789";
str+= "51234567896123456789712345678981234567899123456789\n";
var result = "";
for(var i=0; i<2000; i++) result += str;
就這么一步操作，產(chǎn)生的結(jié)果字符串是200K，耗時是1.1秒（這個與電腦配置有關(guān)），CPU的峰值100%。（為了更直觀地看到效果，我多做了些循環(huán)）。可想而知就這么一步操作就消耗了我一秒多的時間，再加上其它的代碼的時間消耗，那整個腳本塊的執(zhí)行時間就難以忍受了。那有沒有優(yōu)化的方案呢？還有其它的方法嗎？答案當(dāng)然是有的，否則我寫這篇文章就是廢話。
更快的方式就是使用數(shù)組，在循環(huán)拼接的時候不是相接拼接到某個字符串里去，而是把字符串放到一個數(shù)組里，最后用數(shù)組.join("") 得到結(jié)果字符串，代碼示例：
var str = "01234567891123456789212345678931234567894123456789";
str+= "51234567896123456789712345678981234567899123456789\n";
var result = "", a = new Array();
for(var i=0; i<2000; i++) a[i] = str;
result = a.join(""); a = null;
大家可以測試測試，組合出一個相同大小的字符串所消耗的時間，我這里測試出來的結(jié)果是：<15毫秒，請注意，它的單位是毫秒，也就是說組合出這么一個200K的字符串，兩種模式的時間消耗是差不多兩個數(shù)量級。這意味著什么？意味著后者已經(jīng)工作結(jié)束吃完中飯回來，前者還在做著苦力。
最后我再說幾句，是不是以后字符串拼接就一律使用數(shù)組join呢？這個要看你的實(shí)際需求了，就普通的幾個或者K級的字節(jié)的組合就沒有必要使用數(shù)組法了，因?yàn)殚_數(shù)組變量也是有消耗的。若有幾K以上的字符串組合，那就是數(shù)組的效率高了。
