四虎精品视频-四虎精品成人免费网站-四虎黄色网-四虎国产视频-国产免费91-国产蜜臀97一区二区三区

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

第一種:逐個字符串相加
復制代碼 代碼如下:
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 次需要的時間:

JavaScript技術html數組字符串拼接的最快方法,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: nhk新闻| 女人的战争剧情介绍| 安徽公共频道| 郑乙永| 茶馆剧本完整版| 包公大战潘金莲| 墨多多谜境冒险30册免费阅读 | 李保田最经典十部电影| 七寸照片| 温子仁电影| 武林外史电视剧免费观看| 韩国一对一电影| 金敏喜个人简历| 人民的利益电视剧在线观看| 浙江卫视全天节目单| 小组介绍| 钱月笙| 奇奇颗颗说恐龙| 南贤俊| 姐姐的秘密电影| 永恒万花筒佐助壁纸| 名星| 极寒之城在线观看高清完整 | 日别视频| 陈文娟| 孙泽源个人简介| 男女拍拍拍拍拍拍| 四年级下册语文猫课堂笔记| 钟绍图| 掐脖子自制短视频| 韩国xxxxxxxxxxxx| 电视剧狙击手免费全集播放| 邓为个人简历| 金发女郎| 抖音官方| 炊事班的故事演员表| 小小少年电影简介| 女人天下150集国语版电视剧| 爱妃直播| 哥哥啊啊啊| 性感直播|