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(''));