构建html字符串的最快方法(组装HTML字符串的最快方法)

在詹姆斯2009年5月29日的《代码片段，JavaScript》中构建html字符串的最快方法原文：http://James . padolsey.com/JavaScript/fast test-构建HTML字符串的方法/复制代码如下： vararr=['item1 '，' item2 '，' item3 '，]，列表=' '；for (var i=0，l=arr.lengthI l；I){ list=' Li ' arr/Li '；}列表='ul '列表/ul '；//效率最低的方式。var arr=['项目1 '，'项目2 '，'项目3 '，]，列表=[]；for (var i=0，l=arr.lengthI l；I){ list[list . length]=' Li ' arr/Li '；} list=' ul ' list . join(')'/ul '；//比以前的方法更快。var arr=['项目1 '，'项目2 '，'项目3 '，];var list=' ulli ' arr . join('/Lili ')'/Li/ul；//最好的办法。执行：' string concat' (ms)'数组推送'(ms)' native join()'(ms)Firefox 314714865 Opera 917212578 IE 7500229779 chrome 2638872 Safari 4B 14614160 average 20555970只有Chrome是特殊的。中文翻译版本1:逐个添加和复制代码，如下： vararr=['item1 '，' item2 '，' item3 '，]，列表=' '；for (var i=0，l=arr.lengthI l；I){ list=' Li ' arr[I]' '；}列表='ul '列表/ul '；这是最常见的，但效率最低的！逻辑相对复杂。第二：逐个推入数组复制代码如下： vararr=['item1 '，' item2 '，' item3 '，]，列表=[]；for (var i=0，l=arr.lengthI l；I){ list[list . length]=' Li ' arr[I]' '；} list=' ul ' list . join(')'/ul '；比上一个方法快了一点，但是还是不够好…第三个方法：直接join()复制代码如下：Vararr=['item1 '，' item2 '，' item3 '，];var list=' ulli ' arr . join('/Lili ')'/Li/ul；使用原生方法(如join())，无论如何实现，一般都比其他方法快很多，代码也非常简洁。使用原生方法(如join())，无论如何实现，一般都比其他方法快很多，代码也非常简洁。浏览器性能的每一种方法都是使用一个长度为130的数组进行测试，其中每个元素的长度都是变化的，以防止浏览器对一定长度的字符串进行特殊优化。每种方法都测试了1000次。以下结果显示了完成1000次执行所需的时间：。