Benchmark: comparing for vs map vs forEach methods

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:

for
var newArray = []; for(var i=0; i < array.length; i++) { newArray.push(manipulateFn(i)); };
map
var newArray = array.map( i => manipulateFn(i));
forEach
var newArray = []; array.forEach( i => { newArray.push(manipulateFn(i)); });

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 5 years ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36

Browser/OS: Chrome 70 on Linux

comparing for vs map vs forEach methods (version: 0)