Benchmark: .map vs for loop

Script Preparation code:

// Create sample data
var array = [1,2,3,4,5,6,7,8,9,0];

var manipulateFn = num => {
	return num * 2 * 3;
}

Tests:

.map
var newArray = array.map( i => manipulateFn(i));
for loop
var newArray = []; for (let i=0; i<array.length; i++) { newArray.push(manipulateFn(array[i])); }
for loop optimized
var newArray = []; for (let i=0, len = array.length; i<len; i++) { newArray.push(manipulateFn(array[i])); }
for of
var newArray = []; for (let value of array) { newArray.push(manipulateFn(value)); }

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:140.0) Gecko/20100101 Firefox/140.0

Browser/OS: Firefox 140 on Mac OS X 10.15

for loop optimized

56.8M/s

for loop

55.9M/s

.map

41.6M/s

for of

17.8M/s

View exact numbers

.map vs for loop (version: 1)