async-await-tips-to-be-aware-of-at-all-times_7.js

function map(arr, callback) {
  const results = []

  for (let index = 0; index < arr.length; index++) {
    const item = arr[index]
    // The promise ends up here. But this time we save the result inside our final collection that is being returned after the loop is finished
    const result = callback(item)
    results.push(result)
  }

  return results
}

async function start() {
  const arr = ['1', 2, 3, 'hello'].map((item) => Promise.resolve(item))
  const newArr = await Promise.all(map(arr, (item) => item))

  console.log(newArr)
}

start()