What is the difference between Promise.all and Promise.race in JavaScript?

Can you explain the difference between Promise.all and Promise.race in JavaScript?

Sure! Promise.all takes an array of promises and resolves when all of them have resolved, or rejects if any promise rejects. Promise.race, on the other hand, resolves or rejects as soon as one of the promises in the array resolves or rejects.

Can you give me an example of how each works?

Of course! For Promise.all, if you have three promises that fetch data, it will wait for all three to complete. For Promise.race, if you have the same three promises, it will return the result of the first one that completes, regardless of whether it resolves or rejects.

What happens if one of the promises in Promise.all fails?

If any promise in Promise.all fails, the entire operation fails and returns the error from the first rejected promise.

And with Promise.race, what happens if the first promise rejects?

If the first promise in Promise.race rejects, the race will reject immediately with that error, even if other promises are still pending.