jquery添加表格行效率

Question

我只是想知道通过 jQuery 添加大量(有时大约 1000)表行的最有效方法是什么。目前，我使用 jQuery ajax 通过 JSON 获取数据，然后循环 json 对象并将 html 构造为变量，然后将该 html 添加到表中。例如

var arrayObject = $.parseJSON(data);
var htmlToShow = '';
$.each(arrayObject, function(index, value){
    var htmlToShow += '<tr><td>' + value[0] + '</td><td>' + value[1] + '</td></tr>';
});
$('#tableResults').html(htmlToShow);

我只是想知道执行此操作的最不密集的方法是什么？提前致谢。

Answer 1

我认为以 JSON 格式发送行数据比在服务器端编写 HTML 代码更好。在客户端执行此操作的有效方法是(数组操作比字符串连接快得多):

var rows = $.parseJSON(data);
var html = [];
for (var i=0; i < rows.length; i++){
    html.push('<tr><td>' + rows[i].column + '</td></tr>');
}    
$('#tableResults').html(html.join(''));

更新:正如 hradac 在下面的评论中所示，在具有更快 JS 引擎(Chrome、FF)的较新浏览器上，字符串连接比数组连接更快 - proof