在每次迭代中追加到DOM,还是创建一个数组和输出?

我张贴 a question yesterday 处理解析JSON数据。在其中一个后续回答中,有人说我在每次迭代中使用jquery append()函数,同时使用每个()会影响性能。

我在做:

$.getJSON("http://myurl.com/json?callback=?", 
  function(data) {        

  // loop through each post 
  $.each(data.posts, function(i,posts){ 

    ... parsing ...

    // append
    $('ul').append('<li>...</li>');

  }); 

 });

我修改为:

$.getJSON("http://myurl.com/json?callback=?", 
  function(data) { 

     // create array
     arrPosts = new Array(); 

      // loop through each post
      $.each(data.posts, function(i,posts){ 

       ... parsing ...

        arrPosts[i] = '<li> ... </li>'; 

      });           

      // output
      for (i=0;i<arrPosts.length;i++){ 
        $('ul').append(arrPosts[i]); 
      } 

  });

这似乎工作正常,示例演示: http://jsbin.com/isuro

但我做得对吗?我有点笨手笨脚,只是想确保我能正确地接近它。谢谢你的建议!