在Javascript中拼接HTML字符串最快和最好的方法 浏览:873

第一个:一个接一个的一串

复制代码代码如下所示:
var arr = { 'item 1',2''item 'item,3,…}
列表=;
为(var i=0),
我arr.length;i < L;i++){
列表+ = + ARR {我} +;
}
列表=+列表+;


这是最常见的,但却是最有效的!代码逻辑比较复杂。

第二类:逐一推入数组

复制代码代码如下所示:
var arr = { 'item 1',2''item 'item,3,…},
列表{ };

为(var i=0),
我arr.length;i < L;i++){
{ } =清单列表。长度的ARR {我} +;
}
列表=+ list.join()+;


比上次快了一点,但还是不够好。

第三种:直接连接()

复制代码代码如下所示:
var arr = { 'item 1',2''item 'item,3,…}

var list =+ arr.join()+;


使用本地方法(如连接()),不管以后如何实现它,通常比其他方法快得多,而且代码非常简洁。

浏览器性能测试

每种方法都是测试一个长度为130的数组,其中每个元素的长度是变化的,以防止对特定长度的浏览器字符串进行优化;每个方法测试1000次;结果显示执行所需时间的1000倍:
推荐文章1
广告