Benchmark: .map vs for loop vs for loop cached vs for of

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 cached
var newArray = []; const arrayLength = array.length; for (let i=0; i<arrayLength; 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 (Windows NT 10.0; Win64; x64; rv:139.0) Gecko/20100101 Firefox/139.0

Browser/OS: Firefox 139 on Windows

for loop

31.0M/s

for loop cached

28.8M/s

.map

12.9M/s

for of

10.8M/s

View exact numbers

.map vs for loop vs for loop cached vs for of (version: 1)