JavaScript性能优化之字符串操作

字符串操作在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("");
少壮不努力,老大徒悲伤。——汉乐府古辞《长歌行》
0 不喜欢
说说我的看法 -
全部评论(
没有评论
关于
本网站属于个人的非赢利性网站,转载的文章遵循原作者的版权声明,如果原文没有版权声明,请来信告知:hxstrive@outlook.com
公众号