用於Html渲染的Javascript for循環體系結構

Question

我有一個包含10個頂級對象的大型數組文件。 他們每個人有10-100個孩子，每個孩子有10-100個孩子。

我現在處理它的方式，如果一個三環for循環遍歷2000個對象並為這些對象構建html並將其附加到頁面。

$('body').append(generatedHTML);

我現在面臨的問題是渲染需要永遠，而正在處理這個頁面凍結。

有沒有更好的方法來實施這樣的解決方案？ 例如，一次加載一個步驟，以便用戶在加載頁面時仍然可以與頁面進行交互？

示例代碼如下

for (var i = 0; i < rootElements; i++) {
  var child = rootElements[i];

  var new_obj = child.secondElement;
  for (var j = 0; j < new_obj.length; j++) {
  // Another for loop to process the children of new_obj

Answer 1

也許你可以使用setTimeout()來延遲加載東西。 你也可以看看這個： http ： //www.javascriptkata.com/2010/08/10/nofreeze-a-library-that-avoids-freezing-in-javascript/