Fetch and wait for multiple requests using async, await, and Promise.all

fetch-urls.js

async function fetchUrls(urls) {
  try {
    // Using Promise.all() coalesce multiple promises into a single "super-promise"
    return await Promise.all(
      // map urls to fetch requests and parse their response as json
      urls.map(url => fetch(url).then(response => response.json()))
    );
  } catch (error) {
    console.error(error);
  }
}

// await is only valid in async function
(async function main() {
  const response = await fetchUrls([
    // Example urls - replace them...
    'https://jsonplaceholder.typicode.com/posts',
    'https://jsonplaceholder.typicode.com/albums',
    'https://jsonplaceholder.typicode.com/users'
  ]);
  
  // Do whatever you want with the response. It holds a list of all resolved json responses
  console.log({ response })
})();