0

Possuo um array em que quero executar cada item, porém um só poderá iniciar após finalizar o anterior. O exemplo abaixo está imprimindo na sequência 2000,5000,10000 o que me faz entender que os três itens foram executados simultaneamente. Gostaria que cada item iniciasse apenas após a finalização do anterior. Esperava que fosse impresso 10000,5000,2000.

const durations = [10000, 5000, 2000]

const timeOut = (t) => {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log(t)
            resolve(true)
        }, t)
    })
}

for (let index = 0; index < durations.length; index++) {
    const element = durations[index];
    timeOut(element);
}

1 Resposta 1

2

Você pode esperar o retorno de cada promise. Fiz da seguinte forma, utilizando o async e await, dessa forma o loop no array irá aguardar o retorno da sua promise para cada item.

const durations = [10000, 5000, 2000]

const timeOut = (t) => {
  return new Promise(resolve => setTimeout(resolve, t));
}

const init = async () => {
  for(i = 0; i < durations.length; i++) {
    const element = durations[i];
    await timeOut(element);
    console.log(element);
  }
}

init();

O problema do seu é que o for não está aguardando o retorno de suas promise, dessa forma ele irá executar todos os elementos de uma vez.

Outra forma simplificada de escrever seu código

const durations = [10000, 5000, 2000]

const timeOut = (t) => new Promise(resolve => setTimeout(resolve, t));

const init = async () => {
  for(const element of durations) {
    await timeOut(element);
    console.log(element);
  }
}

init();

1
  • 1
    Valeu!!! Sua resposta me ajudou muito a resolver a chamada de API que eu estava fazendo, e todas estavam sendo feitas em paralelo, sem respeitar a sequência do array. Obrigado.
    – Ricardo
    Commented 22/07/2020 às 17:49

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .