How to wait for 2 or more promises to resolve in JavaScript
Say you need to fire up 2 or more promises and wait for their result. How to do that?
Say you need to fire up 2 or more promises and wait for their result.
And you want to go on, once you have both resolved.
How can you do so, in JavaScript?
You use Promise.all()
:
const promise1 = //...
const promise2 = //...
const data = await Promise.all([promise1, promise2])
const dataFromPromise1 = data[0]
const dataFromPromise2 = data[1]
If you prefer using pure promises and not async/await, use this syntax:
const promise1 = //...
const promise2 = //...
Promise.all([promise1, promise2]).then(data => {
const dataFromPromise1 = data[0]
const dataFromPromise2 = data[1]
})
→ Get my JavaScript Beginner's Handbook
→ I wrote 17 books to help you become a better developer:
- C Handbook
- Command Line Handbook
- CSS Handbook
- Express Handbook
- Git Cheat Sheet
- Go Handbook
- HTML Handbook
- JS Handbook
- Laravel Handbook
- Next.js Handbook
- Node.js Handbook
- PHP Handbook
- Python Handbook
- React Handbook
- SQL Handbook
- Svelte Handbook
- Swift Handbook
Also, JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025