字符串操作在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("");