javascript - 嵌套forEach/等待嵌套完成

Question

人们以多种方式询问这个问题，但我找不到推论。

我有两个数组，我正在尝试比较两个数组之间的日期并构建一个列表，添加一个类并在日期匹配时更改状态。我有一种感觉，Each 不是正确的工具。这就是我所拥有的。我知道在内循环完成之前外循环正在继续，但我不知道如何修复它。似乎有一种无需 async/await 的简单方法。

FIDDLE

// main event loop
events.forEach(event => {
  let {
    date
  } = event;
  // presaleEvent loop
  presaleEvents.forEach(presaleEvent => {
    let {
      presaleDate
    } = presaleEvent;
    if (presaleDate === date) {
      status = 'PRESALE EVENT';
      eventClass = 'presale';
    }
  });
// only 3, 5 & 6 should be presale events
  let eventNode = `<li class="event ${eventClass}">${status}</li>`;
  $(eventsList).append(eventNode);
});

Answer 1

我在发布问题后不久(以及在我的头撞到墙上几个小时后)就想出了这一点。

我只需重置父循环内部但内部循环外部的变量。

这是一个工作 FIDDLE .

// main event loop
events.forEach(event => {
  let {
    date
  } = event;
  status='EVENT'; // reset the status
  eventClass=''; // reset the eventClass
  // presaleEvent loop
  presaleEvents.forEach(presaleEvent => {
    let {
      presaleDate
    } = presaleEvent;
    if (presaleDate === date) {
      status = 'PRESALE EVENT';
      eventClass = 'presale';
    }
  });
// only 3, 5 & 6 should be presale events
  let eventNode = `<li class="event ${eventClass}">${status}</li>`;
  $(eventsList).append(eventNode);
});