数码资讯
在Javascript中拼接HTML字符串最快和最好的方法
第一个:一个接一个的一串 复制代码代码如下所示: 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 {我} +;
}
列表=+列表+;
这是最常见的,但却是最有效的!代码逻辑比较复杂。
第二类:逐一推入数组
复制代码代码如下所示:
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倍:
复制代码代码如下所示:
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倍:
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。