Как в цикле по очереди отправлять http запросы?

Question

[Виталий]

Всем доброго!
Есть у меня один запрос с разными параметрами. Выполнения запроса происходит на один сервер, сервер доглог обоабатывает такой запрос (синхронизируется со сторонним ресурсом).
Вариан с Promise.all не подходить, так как в таком случае все 300 запросов улетают одновременно и ложат сервак.

Пытался как то через forEach

locationIds.forEach(async (lId) =>{
            const syncResp =  await fetch(`https://server/sync-one-c/26/41/${lId}`).then(resp => resp.json())
            console.log('lId -> ', lId, 'done', syncResp)
        })

Думал так следуещий запрос пойдет только после выполнения предыдущего, но тут тоже все запросы выполняются сразу, А мне нужно чтобы следующий запрос пошол только после того как закончится (получит ответ ) предидуший

Посоветуйте пожалуйста

Comments

[Ukrainskiy]

Зачем тогда добавили async/await?

Answer 1

[Aetae]

Array.forEach - синхронный. Он не будет ждать промисов. Либо используй какие-то либы которые умеют асинхронный each и всё остальное, либо используй обычный цикл:

for (const lId of locationIds) {
  const syncResp =  await fetch(`https://server/sync-one-c/26/41/${lId}`).then(resp => resp.json())
  console.log('lId -> ', lId, 'done', syncResp)
})

Answer 2

[Артём]

locationIds.reduce((result, id) => {
  return result.then(_ => fetch(id));
}, Promise.resolve());