Как дождаться выполнения промиса в цикле?

Question

[fontvont]

Мне нужно вывести значения responses после цикла

(function loop(i) {
        if (i < urls.length) {
          request(urls[i]).then((response) => {
            responses.push(response);
            loop.call(null, i+1);
          });
        }
      })(0)

function request(url) {
  return new Promise((res, rej) => {
    const delayTime = Math.floor(Math.random() * 10000) + 1;
    setTimeout(() => res(url), delayTime);
  });
}

Answer 1

[Aetae]

Современным подходом является await в цикле, но ничего не мешает сделать рекурсивную функцию, как во времена колбэков:

function loop(array, getPromise) {
  array = array.slice();
  const responses = [];
  return new Promise(function innerLoop(resolve, reject) {
    if (array.length) {
      return getPromise(array.shift()).then(response => {
        responses.push(response);
        innerLoop(resolve, reject);
      }, reject);
    } 
    resolve(responses);
  });
}

function request(url) {
  return new Promise((res, rej) => {
    const delayTime = Math.floor(Math.random() * 10000) + 1;
    setTimeout(() => res(url), delayTime);
  });
}

loop(['a', 'b'], request).then(console.log, console.error);

Answer 2

[j n]

1. Использовать async
   
2. Использовать for/for-of
   
3. Использовать библиотеку вроде p-map
   

Answer 3

[Александр]

Изучайте

const sleep = (duration = 0) => new Promise(resolve => setTimeout(resolve, duration));

(async function () {
  for (let index = 0; index < 10; index++) {
    console.log(Date.now());
    await sleep(1000);
  }
})();

Answer 4

[Tim]

let delay = (ms) => new Promise(resolve => {
  setTimeout(() => resolve(ms), ms)
})

let obj = [
  delay(1500),
  delay(2000),
  delay(5500)
]

for await (const promise of obj) {
  console.log(promise)
}

Comments

[Aetae]

Ты уже запустил все промисы при добавлении в массив. С тем же успехом ты мог бы ограничится Promise.all.

[Tim]

Aetae, ну во первых Promise.all отвалится при появлении ошибок и есть другие методы,ну а во вторых учи матчасть и не пиши глупости

[Aetae]

Tim, кому следует учить матчасть, так это тебе:

(async ()=>{
  let delay = (ms) => new Promise(resolve => {
    console.log('пошла жара', Date.now())
    setTimeout(() => resolve(ms), ms)
  })

  let obj = [
    delay(1500),
    delay(2000),
    delay(5500)
  ]

  for await (const promise of obj) {
    console.log(promise)
  }
})();

Все твои delay запускаются сразу, а не по порядку, как нужно автору вопроса.

[Tim]

Aetae, ок