как обработать все асинхронные foreach в javascript и узнать когда все готово

год назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Прежде всего необходимо иметь массив промисов, далеее этот массив можно обработать с помощью Promise.all():

const asyncTasks = [1, 2, 3].map(async (item) => {
  // Асинхронная операция, например, запрос к API
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(item * 2);
    }, 1000);
  });
});

Promise.all(asyncTasks)
  .then((results) => {
    console.log(`Все асинхронные задачи завершены: ${results}`);
  })
  .catch((error) => {
    console.error(`Ошибка при выполнении асинхронных задач: ${error}`);
  });

В этом примере массив asyncTasks содержит промисы, то есть список асинхронных задач. Метод Promise.all ждет выполнения всех промисов из массива и возвращает массив результатов, когда все задачи завершены. Вы также можете обработать ошибки, возникшие во время выполнения асинхронных задач, с помощью метода catch.

6 месяцев назад

Ivan Gagarinov

1 месяц

Асинхронное программирование на JS

Навык асинхронного программирования в JavaScript: писать быстрый код, расти в грейде и успешно проходить собеседования.

2 месяца

ООП на Javascript

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

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

10 месяцев

Node.js-разработчик

Программирование на JavaScript, разработка веб-приложений, bff и сервисов используя Fastify, проектирование REST API

8 месяцев

Автоматизатор тестирования на JavaScript

Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL

Похожие вопросы