用于Html呈现的Javascript for循环体系结构

我有一个包含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

for（var i=0；i

也许您可以使用

setTimeout（）

延迟加载内容。 你也可以看看这个：

---

您是否在寻找类似无限滚动的东西？您是否绝对希望同时在页面上显示所有项目？可能使用一个处理MVC的框架？或者您在for循环中做了一些非常昂贵的事情？单是这么多标记，无论它是如何生成或加载的，都可能很慢。我会进行一些分页。不知道如果你想无限滚动循环的一部分，请记住你停下来的地方，然后继续。我将查看该库，并确保在测试后将答案标记为正确。谢谢Fabius