loops-test-array.mjs

import { trackAveragePerformance } from './performanceWrapper.mjs'

const propsNumber = 1000 * 1000 * 10

const arrayTest = []

const filler = () => {
  for (let index = 0; index < propsNumber; index++) {
    const value = `value${index + 1}`
    arrayTest.push(value)
  }
}

filler()

// ! Always better at large collections
const executeTestCase1 = () => {
  const cache = []
  for (let index = 0; index < arrayTest.length; index++) {
    cache.push(arrayTest[index])
  }
}

// medium speed, not recommended
const executeTestCase2 = () => {
  const cache = []
  arrayTest.forEach(element => {
    cache.push(element)
  });
}

// ! Better at small collections
const executeTestCase3 = () => {
  const cache = []
  for (const iterator of arrayTest) {
    cache.push(iterator)
  }
}

const executeTestCase4 = () => {
  const cache = []
  for (const iterator in arrayTest) {
    cache.push(iterator)
  }
}

const executeTestCase5 = () => {
  const cache = arrayTest.map(e => e)
}

const cases = {
  'FOR': executeTestCase1, 
  'ForEach': executeTestCase2, 
  'FOR OF': executeTestCase3, 
  'FOR In': executeTestCase4, 
  'Map': executeTestCase5, 
}

Object.entries(cases).forEach(([n, c]) => {
  console.log(n)
  trackAveragePerformance(c, n, 'heapUsed', 10)
})