In this post we cover how to wait for all promises to resolve in JavaScript
How to wait for all promises to resolve in JavaScript
To wait for all promises to resolve in JavaScript Promise.all can be used. Promise.all, on the Promise object, accepts many promises within an array as an argument and only resolves after all promises in provided have been resolved.
1const requestA = fetch('https://softwareshorts.com/a');
2const requestB = fetch('https://softwareshorts.com/b');
3const requestC = fetch('https://softwareshorts.com/c');
4
5// Each request is a Promise that has not yet been resolved.
6const responses = await Promise.all([
7 requestA,
8 requestB,
9 requestC,
10]);JavaScript
JavaScript is a programming language that is primarily used to help build frontend applications.
It has many uses, such as making network requests, making dynamic or interactive pages, creating business logic and more.
Asynchronous
When something is asynchronous it just means that something can happen at a later point in time and instead of waiting for it, other things can be done in the meantime.
In software engineering it means the same, but it is applied to code. When a function or block of code is asynchronous it is simply saying that we do not know when this asynchronous action will be completed so the rest of the code can continue being processed whilst we wait for it so that it does not block other actions.
Promise
A Promise in JavaScript represents an asynchronous action or the completion of the asynchronous action.
A Promise can be either of three states, pending, resolved, or rejected.
Further resources
Related topics
How to use React Router with an optional path parameterHow to continue in a JavaScript forEach loopHow to redirect in ReactJSHow to compare two dates in JavaScriptHow to make a loop wait in JavaScriptHow to get postcodes from Google Places and Google Maps with JavaScriptHow to calculate the number of days between two dates in JavaScriptHow to trim and remove leading zeros in JavaScriptIs JavaScript forEach async?How to get the index in a forEach loop in JavaScriptHow to sort an array of objects by property value in JavaScriptHow to get the JavaScript forEach key value pairs from an objectHow to get the last segment of a URL in JavaScriptHow to split an array in two in JavaScriptHow to get the selected value in dropdown list using JavaScriptHow to rename a destructured variable in JavaScriptfindIndex vs indexOf in JavaScriptHow to sort an array by date in JavaScriptWhat is the difference between useMemo and useCallback?How to break a JavaScript forEach loopHow to get yesterdays date in JavaScriptHow to initialize an array with values in JavaScriptHow to import and export a module on the same line in JavaScriptHow to dispatch a Redux action with a timeout?How to get the month name in JavaScriptNullish Coalescing vs OR - JavaScript operators (?? vs ||)What is hydration in React based applications?What do multiple arrow functions mean in JavaScript?What are Expo modules in React Native
Save code?
