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

這種最常見的，但是效率最低！代碼邏輯相對來說復(fù)雜。

第二種：逐個 push 進(jìn)數(shù)組

復(fù)制代碼代碼如下:

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

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

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

第三種：直接join()

復(fù)制代碼代碼如下:

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

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

使用原生的方法（比如 join()），不管它后面是怎么實(shí)現(xiàn)的，一般都比其他方法快很多，而且代碼非常簡潔。

瀏覽器性能測試

每種方法是使用一個長度為 130 的數(shù)組來測試，其中每個元素的長度是多種多樣的，防止瀏覽器對一定長度的字符串做特殊的優(yōu)化；每種方法測試了 1000 次；下面的結(jié)果顯示，執(zhí)行完這 1000 次需要的時間：

您可能感興趣的文章:

相關(guān)文章

使用js判斷TextBox控件值改變?nèi)缓蟪霭l(fā)事件
這篇文章主要介紹了使用js判斷TextBox控件值改變?nèi)缓蟪霭l(fā)事件。需要的朋友可以過來參考下，希望對大家有所幫助
2014-03-03
基于canvas實(shí)現(xiàn)的絢麗圓圈效果完整實(shí)例
這篇文章主要介紹了基于canvas實(shí)現(xiàn)的絢麗圓圈效果,以完整實(shí)例形式分析了JavaScript結(jié)合html5的canvas實(shí)現(xiàn)動態(tài)圖形的繪制技巧,需要的朋友可以參考下
2016-01-01
JavaScript實(shí)現(xiàn)留言板案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)留言板案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-03-03
JavaScript SHA1加密算法實(shí)現(xiàn)詳細(xì)代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript SHA1加密算法實(shí)現(xiàn)代碼，具有一定的參考價值，感興趣的朋友可以參考一下
2016-10-10
JS實(shí)現(xiàn)520 表白簡單代碼
本文是小編基于js實(shí)現(xiàn)的520表白代碼，代碼簡單易懂非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧
2018-05-05
Bootstrap Tree View簡單而優(yōu)雅的樹結(jié)構(gòu)組件實(shí)例解析
本文通過實(shí)例代碼給大家介紹了Bootstrap Tree View簡單而優(yōu)雅的樹結(jié)構(gòu)組件,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-06-06
JS使用iView的Dropdown實(shí)現(xiàn)一個右鍵菜單
這篇文章主要介紹了JS使用iView的Dropdown實(shí)現(xiàn)一個右鍵菜單功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-05-05
JS如何實(shí)現(xiàn)動態(tài)添加的元素綁定事件
這篇文章主要介紹了JS如何實(shí)現(xiàn)動態(tài)添加的元素綁定事件,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-11-11
javascript 獲取元素樣式必殺技
這篇文章主要介紹了javascript 獲取元素樣式必殺技,需要的朋友可以參考下
2014-05-05
詳解JavaScript前端如何有效處理本地存儲和緩存
前端本地存儲和緩存的處理是一種重要的技術(shù),它可以幫助改善應(yīng)用程序的性能和用戶體驗(yàn),下面是小編整理的一些處理前端本地存儲和緩存的常用方法,希望對大家有所幫助
2023-11-11