为什么在嵌套循环中等待而不是等待？

Question

In the nested loops I have async await. For me it is important that on each iteration loop will wait until await will be finished/data received and the start next iteration. Also this method used in the another loop.

const _sampleFilters = async (
  pageName,
  details,
  available,
) => {
  for (const filterName of Object.keys(details)) {
    for (const filterValue of Object.keys(details[filterName])) {
      const data = (await fetchDetails(
        pageName
      ));

      details[filterName][filterValue].allDetails = cloneDeep(
        getProcessedData(
          data.map(data => data.value),
          available,
          pageName,
        ),
      );
    }
  }
};

for (const item of items) {
   _sampleFilters();
}

Answer 1

Use await in your outermost loop. For example

async function foo()
{
    for (const item of items) {
       await _sampleFilters();
    }
}

foo();