今天在問(wèn)一下問(wèn)題時(shí)學(xué)到了

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