递归表公式化功能，可在每一步之前等待页面加载

Question

我正试图找出如何在同一功能中拥有所有这些东西：

1. 通过耗时的函数生成对象部分的对象数组
2. 在每次尝试加载数组对象的下一部分之前加载DOM

我已尽我所能尝试了Promise，递归函数，但没有成功。 这是我要处理的代码：

showLoader();

      var preArray = new Array();
      var subjects = scrapeSubjects();

      function next(subject, prearray) {
          if (subject.length) {
            //Writes an element specifying the current section being loaded for the user on a loading page
              writeToLoader(subject[0]);
              $( document ).ready( function() { next(subject); });
              prearray = prearray.concat(pullData(subject.shift()));
          }
      };
preArray = next(subjects, preArray);

      var array = stripNonRooms(preArray, roomsArray);
      localStorage.setItem('data', JSON.stringify(array));
      //hides the loader when it is complete
      var loader = document.getElementById("loader");
      loader.style.display = "none";

是否可以做些什么来向用户显示正在加载的部分，而该部分正在加载？