首頁 > web前端 > js教程 > javascript中拼接HTML字串的最快、最好的方法_javascript技巧

javascript中拼接HTML字串的最快、最好的方法_javascript技巧

WBOY
發布: 2016-05-16 16:45:37
原創
1171 人瀏覽過

第一種:逐個字串相加

複製程式碼 代碼如下:

var arr = ['item 1', 'item 2 ', 'item 3', ...];
list = '';
for (var i = 0,
l = arr.length; i     list = '' arr[i] '';
}
list = '' list '';

這種最常見的,但是效率最低!程式碼邏輯相對來說複雜。

第二種:逐 push 進數組

複製程式碼 代碼如下:

var arr = ['item 1', 'item 2 ', 'item 3', ...],
list = [];

for (var i = 0,
l = arr.length; i     list[list.length] = '' arr[i] '';
}
list = '' list.join('') '';

比上一個方法稍微快一些,但還是不夠好…

第三種:直接join()

複製程式碼 代碼如下:

var arr = ['item 1', 'item 2 ', 'item 3', ...];

var list = '' arr.join('') '';

使用原生的方法(例如 join()),不管它後面是怎麼實現的,一般都比其他方法快很多,而且程式碼非常簡潔。

瀏覽器效能測試

每種方法是使用一個長度為130 的陣列來測試,其中每個元素的長度是多種多樣的,防止瀏覽器對一定長度的字串做特殊的最佳化;每種方法測試了1000 次;以下的結果顯示,執行完這1000 次所需的時間:
javascript中拼接HTML字串的最快、最好的方法_javascript技巧

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板