JSFiddle - React, Tailwind, and code Playground

by Jens Kühn

HTML

ded

JavaScript

console.time('Array Creation');  
const numbersList = Array.from({ length: 50_000_000 }, () => Math.floor(Math.random() * 100));
console.timeEnd('Array Creation');

const usingForLoop = async (array) => {
  console.time('FOR LOOP');
  const newNumbersList = [];
  for (let i = 0; i < array.length; i++) {
    newNumbersList.push(array[i]);
  }
  console.timeEnd('FOR LOOP');
}
const usingForLoop2 = async (array) => {
  console.time('FOR LOOP');
  const newNumbersList = [];
  const l = array.length;
  for (let i = 0; i < l; i++) {
    newNumbersList.push(array[i]);
  }
  console.timeEnd('FOR LOOP');
}


const usingMap = async (array) => {
 console.time('MAP');

 const newNumbersList = array.map((number) => number);

 console.timeEnd('MAP');
}

(async () => {
  await usingForLoop(numbersList);
  await usingForLoop2(numbersList);
  await usingMap(numbersList);
})()