Compare Promise.all calls with .then vs async/await

async-await.js

/*
  PROMISE/THEN approach
*/

const userIds = [1, 2, 3];
const requests = userIds.map((userId) =>
  fetch(`https://jsonplaceholder.typicode.com/users/${userId}`),
);

Promise.all(requests)
  .then((responsesArr) => {
    const promiseArr = responsesArr.map((response) => response.json());
    return Promise.all(promiseArr);
  })
  .then((resultsArr) => {
    resultsArr.forEach((result) => {
      console(`user!!!`, result.name);
    });
  })
  .catch(() => console.log('Something went wrong...'));

/*
  ASYNC/AWAIT approach
*/

async function fetchUsers(count) {
  const userIds = new Array(count).fill(null).map((_, idx) => idx + 1);

  try {
    const requests = userIds.map((userId) =>
      fetch(`https://jsonplaceholder.typicode.com/users/${userId}`),
    );
    const responsesArr = await Promise.all(requests);
    const promiseArr = responsesArr.map((response) => response.json());
    const resultsArr = await Promise.all(promiseArr);
    resultsArr.forEach((result) => {
      console.log(`user!!!`, result.name);
    });
  } catch (err) {
    console.log(err);
  }
}

fetchUsers(7);