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!