Run results for: Array.reduce vs for loop vs Array.forEach experiments

Run details:

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

Browser: Chrome 68

Operating system: Linux

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
reduce (arrow function)	501156.8 Ops/sec
for loop	654150.3 Ops/sec
forEach	417450.6 Ops/sec
reduce	447221.8 Ops/sec

Script Preparation code:

// Create an array of 1000 random intergers between 1 and 10000
var arrRandom = [];
for(var intCtr=0; intCtr<1000; intCtr++) {
  arrRandom.push(Math.floor(Math.random() * Math.floor(10000)));
}

function doRedeuce(pArray, start) {
	return pArray.reduce(function(accum, curr) { return accum + curr; }, start);
}
function doRedeuceArrowFunc(pArray, start) {
	return pArray.reduce((accum, curr) => accum + curr, start);
}
function doLoop(pArray) {
	var accum = 0;
	for(var intCtr=0; intCtr<pArray.length; intCtr++) {
		accum += pArray[intCtr];
	}
	return accum;
}
function doForEach(pArray) {
	var accum = 0;
	pArray.forEach((item) => {
		accum += item;
	});
}

Tests:

reduce (arrow function)
var reduceResult=0; redeuceResult = doRedeuceArrowFunc(arrRandom, 0);
for loop
var loopResult=0; loopResult = doLoop(arrRandom);
forEach
var forEachResult=0 forEachResult = doForEach(arrRandom)
reduce
var reduceResult=0; redeuceResult = doRedeuce(arrRandom, 0);

Run results for: Array.reduce vs for loop vs Array.forEach experiments

A test summing 1000 random numbers, 1 - 10000

reduce (arrow function)

for loop

forEach

reduce