Como utilizar async/await em um forEach (loop)

Neste artigo você vai aprender a como utilizar async/await em um forEach, ou seja, utilizar função assíncrona em um loop

Fala programador(a), beleza? Bora aprender mais sobre funções assíncronas e também sobre JavaScript

Primeiramente precisamos definir a função como async, isso é necessário para o await funcionar

Depois podemos realizar o loop normalmente no array que é preciso fazer a iteração

Dentro do loop vamos colocar um await em cada ação que precisamos fazer e pronto!

Veja um exemplo prático:

async function nossaFuncao () {
  const itens = [array com elementos]

  for (const item of itens) {
    const resultado = await funcaoAssincrona();
    console.log(resultado);
  }
}

Claro que você precisará aplicar a lógica da sua aplicação na nossa função de exemplo

Note que declarar a função com async é primordial

E cada iteração vai esperar a resposta da função, para depois partir para a próxima execução e assim segue a estrutura de repetição

E nestes casos a estrutura for of é a mais indicada para realizar o loop

Conclusão

Neste artigo você aprendeu a como utilizar async/await em um forEach, para esperar respostas assíncrona dentro de um loop

Realizamos um loop em um array, e em cada iteração colocamos um await para realizar a execução da função e esperar o resultado

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!