Run results for: .map vs for loop

Run details:

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

Browser: Firefox 140

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

for loop optimized

56.8M/s

for loop

55.9M/s

.map

41.6M/s

for of

17.8M/s

View exact numbers

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)); }