Simple promise display in the right order

promises.js

let promises = [];

console.log("Displaying promises as they resolve, without proper order:")

for (let i = 0; i < 10; i++) {
  let myPromise = new Promise((resolve, reject) => { 
    setTimeout(() => {
        console.log(i);
        resolve(i);
    }, Math.floor(Math.random() * 5000));
});
  promises.push(myPromise);
}

Promise.all(promises).then(function(results) {
  console.log("Now in order:");
  results.map(el => console.log(el));
});