javascript中拼接HTML字符串的最快、最好的方法
第一種：逐個(gè)字符串相加
var arr = ['item 1', 'item 2', 'item 3', ...];
list = '';
for (var i = 0,
l = arr.length; i < l; i++) {
list += '' + arr[i] + '';
}
list = '' + list + '';
這種最常見(jiàn)的，但是效率最低！代碼邏輯相對(duì)來(lái)說(shuō)復(fù)雜。
第二種：逐個(gè) push 進(jìn)數(shù)組
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()
var arr = ['item 1', 'item 2', 'item 3', ...];
var list = '' + arr.join('') + '';
使用原生的方法（比如 join()），不管它后面是怎么實(shí)現(xiàn)的，一般都比其他方法快很多，而且代碼非常簡(jiǎn)潔。
瀏覽器性能測(cè)試
每種方法是使用一個(gè)長(zhǎng)度為 130 的數(shù)組來(lái)測(cè)試，其中每個(gè)元素的長(zhǎng)度是多種多樣的，防止瀏覽器對(duì)一定長(zhǎng)度的字符串做特殊的優(yōu)化；每種方法測(cè)試了 1000 次；下面的結(jié)果顯示，執(zhí)行完這 1000 次需要的時(shí)間：
相關(guān)文章
JS設(shè)置自定義快捷鍵并實(shí)現(xiàn)圖片上下左右移動(dòng)
這篇文章主要介紹了JS設(shè)置自定義快捷鍵并實(shí)現(xiàn)圖片上下左右移動(dòng),文中通過(guò)使用自定義熱鍵或者使用鍵盤上下左右鍵移動(dòng)圖片，以此來(lái)實(shí)現(xiàn)此功能，需要的朋友可以參考下2019-10-10
JavaScript實(shí)現(xiàn)全選與反選功能
這篇文章主要為大家詳細(xì)介紹了如何分別使用Vue和JavaScript實(shí)現(xiàn)全選與反選功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-04-04
js實(shí)現(xiàn)簡(jiǎn)易的單數(shù)字隨機(jī)抽獎(jiǎng)（0-9）
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)易的單數(shù)字0-9隨機(jī)抽獎(jiǎng)，可以控制抽取隨機(jī)數(shù)開(kāi)始與停止，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-08-08
這篇文章主要介紹了JS?連接MQTT的使用方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-01-01
js實(shí)現(xiàn)簡(jiǎn)單選項(xiàng)卡與自動(dòng)切換效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單選項(xiàng)卡與自動(dòng)切換效果的方法,涉及javascript操作選項(xiàng)卡與自動(dòng)切換效果的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
javascript cookie的簡(jiǎn)單應(yīng)用
這篇文章主要介紹了javascript cookie的簡(jiǎn)單應(yīng)用，我們先介紹一下cookie的使用，以及我后面簡(jiǎn)單封裝一個(gè)cookie操作的單例，便于實(shí)現(xiàn)cookie的設(shè)置，獲取，刪除的方法，感興趣的小伙伴們可以參考一下2016-02-02
微信小程序通過(guò)websocket實(shí)時(shí)語(yǔ)音識(shí)別的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序通過(guò)websocket實(shí)時(shí)語(yǔ)音識(shí)別，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
關(guān)于div自適應(yīng)高度/左右高度自適應(yīng)一致的js代碼
在DIV和CSS進(jìn)行網(wǎng)頁(yè)布局中，DIV的自適應(yīng)高度和自適應(yīng)寬度是一個(gè)很常見(jiàn)的問(wèn)題，本文將介紹左右自適應(yīng)高度一致的Jquery與DIV高度自適應(yīng)屏幕的js2013-03-03
js實(shí)現(xiàn)簡(jiǎn)單隨機(jī)抽獎(jiǎng)的方法
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單隨機(jī)抽獎(jiǎng)的方法,涉及字符串的操作、setInterval定時(shí)調(diào)用等技巧,需要的朋友可以參考下2015-01-01
微信小程序canvas開(kāi)發(fā)水果老虎機(jī)的思路詳解
這篇文章主要介紹了微信小程序canvas開(kāi)發(fā)水果老虎機(jī)的思路，本文通過(guò)思路代碼分步驟給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-02