js字符串拼接优化问题

js字符串拼接优化问题

当出现大量字符串拼接的情况出现时，使用常规的字符串拼接会存在性能方面的问题。

原因：字符串拼接的原理是-在拼接的时候每拼接一个字符串都要重新创建一个新内存，在大批量拼接字符串的情况下，会造成性能方面的问题。

解决方法是：将拼接的变量变成数组，然后用push()方法把要拼接进去的内容push进去，然后使用join(”)方法，参数传空字符串，将数组变为字符串即可。


var data = [1,2,3,4];
var stringArr = [];
var ul = $("<ul></ul>");
$.each(data, function(i) {
stringArr.push('<li>' + data[i] + '</li>');
});
ul.html(stringArr.join(''));