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

第一種：逐個字串相加

複製程式碼 代碼如下:

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 次所需的時間：