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

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 14_5_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 14

Operating system: iOS 14.5.1

Device Platform: Mobile

Date tested: 3 years ago

Test name	Executions per second
reduce	617293.4 Ops/sec
for loop	1098817.2 Ops/sec
forEach	289986.3 Ops/sec
lodash reduce	525640.3 Ops/sec

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

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 reduceCallback(accum, curr) {
	return accum+curr;
}

function doRedeuce(pArray) {
	return pArray.reduce(reduceCallback);
}
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(function(item) {
		accum += item;
	});
}

function doLodashReduce(pArray) {
  	return _.reduce(pArray, reduceCallback);
}

Tests:

reduce
var redeuceResult=0; redeuceResult = doRedeuce(arrRandom);
for loop
var loopResult=0; loopResult = doLoop(arrRandom);
forEach
var forEachResult=0 forEachResult = doForEach(arrRandom)
lodash reduce
var redeuceResult=0; lodashRedeuceResult = doLodashReduce(arrRandom);

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

A test summing 1000 random numbers, 1 - 10000

reduce

for loop

forEach

lodash reduce