Run results for: for vs forEach vs map : array creation : 2019

This test is to test the return of an array from these loops. A lot of the test are incorrect because .map returns an array. So it will only be fair to test the speeds based on returning a new array from all loops.

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.45 Safari/537.36

Browser: Chrome 96

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
for - create new array	4517.7 Ops/sec
forEach - create new array	5109.1 Ops/sec
map - create new array	5560.8 Ops/sec
for - overwrite array	3008.4 Ops/sec
forEach - overwrite array	3229.8 Ops/sec
map - overwrite array	5769.1 Ops/sec

Script Preparation code:

   var arr = [];

	function resetArray(){
      for (var i = 0; i < 1000; i++) {
        arr[i] = i;
      }
    }
  
    function someFn(i) {
      return i * 3 * 8;
    }

	resetArray()

Tests:

for - create new array
resetArray() var forArray = [] var length = arr.length for (var i = 0; i < length; i++) { forArray.push(someFn(arr[i])); }
forEach - create new array
resetArray() var forEachArray = [] arr.forEach(function (item, index){ forEachArray.push(someFn(item)); })
map - create new array
resetArray() var mapNewArray = []; mapNewArray = arr.map(function(item){ return someFn(item) })
for - overwrite array
resetArray() var len = arr.length for (var i = 0; i < len; i++) { arr[i] = someFn(arr[i]); }
forEach - overwrite array
resetArray() arr.forEach(function (item, index){ arr[index] = someFn(item); })
map - overwrite array
resetArray() arr = arr.map(function(item, index){ return someFn(item) })

Run results for: for vs forEach vs map : array creation : 2019

This test is to test the return of an array from these loops. A lot of the test are incorrect because .map returns an array. So it will only be fair to test the speeds based on returning a new array from all loops.

for - create new array

forEach - create new array

map - create new array

for - overwrite array

forEach - overwrite array

map - overwrite array