Run results for: .map vs for loop

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:139.0) Gecko/20100101 Firefox/139.0

Browser: Firefox 139

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

for loop

16.8M/s

.map

13.2M/s

for loop optimized

8.8M/s

for of

5.1M/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)); }