国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

html數組字符串拼接的最快方法

2019-11-21 01:08:20
字體:
來源:轉載
供稿:網友
第一種:逐個字符串相加
復制代碼 代碼如下:

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

這種最常見的,但是效率最低!代碼邏輯相對來說復雜。
第二種:逐個 push 進數組
復制代碼 代碼如下:

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

比上一種方法稍微快一些,但還是不夠好…
第三種:直接join()
復制代碼 代碼如下:

var arr = ['item 1', 'item 2', 'item 3', ...];
var list = '<ul><li>' + arr.join('</li><li>') + '</li></ul>';

使用原生的方法(比如 join()),不管它后面是怎么實現的,一般都比其他方法快很多,而且代碼非常簡潔。
瀏覽器性能
每種方法是使用一個長度為 130 的數組來測試,其中每個元素的長度是多種多樣的,防止瀏覽器對一定長度的字符串做特殊的優化;每種方法測試了 1000 次;下面的結果顯示,執行完這 1000 次需要的時間:

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 临安市| 成安县| 灌云县| 红原县| 边坝县| 阜阳市| 西畴县| 西城区| 成都市| 施秉县| 墨脱县| 北碚区| 平利县| 谷城县| 万安县| 承德市| 吴忠市| 乡城县| 鱼台县| 四平市| 白银市| 休宁县| 施秉县| 眉山市| 集贤县| 大理市| 沙洋县| 东港市| 绥江县| 酒泉市| 工布江达县| 府谷县| 扶沟县| 开封县| 宁安市| 山东省| 南漳县| 东乡县| 吉林市| 抚松县| 喀什市|