JavaScript性能优化之字符串操作

字符串操作在JavaScript中是非常频繁的操作之一，因此我们需要将字符串操作进行优化，给整个页面带来性能上面的提升。特别是用于展示列表的页面，其中的列表很有可能是通过动态拼接出来的。

1、字符串连接

如果是追加字符串，最好使用s+=anotherStr操作，而不是要使用s=s+anotherStr。

var names = ["", "", ""];
var nameStr = "";
for (var i = 0, len = names.length; i < len; i ++ ) {
    // 不推荐
    nameStr = nameStr + names[i];
    // 推荐
    nameStr += names[i];
}

如果要连接多个字符串，应该少使用+=，如:

var a = "...";
var b = "...";
var c = "...";
var str = "";
str = a;
str += b;
str += c;

应该写成

str = a + b + c;

2、字符串拼接

在项目中经常需要动态创建DOM，采用最多的方式是采取字符串拼接。有时一个列表要现实几百行数据，如果全部采用+符号进行字符串拼接，那么就有点低效。推荐采用数组的方式进行拼接。代码如下：

var domHtml = [];
for ( var i = 0; i < len; i ++ ) {
    domHtml.push("... dom ...");
}
(document.getElementById("test")).innerHTML = domHtml.join("");