在前端js中字符串变量是非常的常用的,比如模板引擎时候, 输出HTML标签时候等, 那么一般是用var str = "学习吧"; 这里就会用到追加, 也就是说在字符串str变量上叠加一些字符串,如 str += "谢亮"; 最后str就是 学习吧谢亮 了, 前端上有人就说了,可以这样来做追加. 看代码:

var str = [];
str.push("这里是追加的内容");
str.push("...");
str.join("");

这样可以使大量的字符串追加提速, 得后来无意间在 糖饼 的博客里看到(点击查看 文章里第二条), 还是 += 的速度快.于是做了下测试.测试为火狐21.0.在firebug下测试.

var a = function () {
 var str = [];
 var i = 0;
 for (; i < 10000000; i++) {
 str.push("haha<br>");
 }
}
console.time("string: []");
a();
console.timeEnd("string: []");
var b = function () {
 var str = "";
 var i = 0;
 for (; i < 10000000; i++) {
 str += "haha<br>";
 } 
}
console.time("string: +=");
b();
console.timeEnd("string: +=");

经测试得到以下结果:

据说, [] 相加的方法在IE 67里能够发挥优势, 而在高性能浏览器里还是+=快.面对互联网快速发展的今天,你应该选择哪个呢?

发表于 2013年05月28日 16:16:23 ,添加在分类 前端技术 下 ,最后修改于 2017年04月19日 01:10:02