Run results for: Array.reduce vs for loop vs Array.forEach vs for of loop - 10000

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:135.0) Gecko/20100101 Firefox/135.0

Browser: Firefox 135

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

for loop

102K/s

reduce

51K/s

for of loop

15K/s

forEach

15K/s

View exact numbers

Test name	Executions per second
✓ for loop	101,910 Ops/sec
reduce	51,209 Ops/sec
for of loop	15,358 Ops/sec
forEach	14,940 Ops/sec

Script Preparation code:

//Create an array of 10000 random intergers between 1 and 10000
var arrRandom = [];
for(var intCtr=0; intCtr<10000; intCtr++) {
  arrRandom.push(Math.floor(Math.random() * Math.floor(10000)));
}

function reduceCallback(accum, curr) {
	return accum+curr;
}

function doReduce(pArray) {
	return pArray.reduce(reduceCallback);
}
function doForLoop(pArray) {
	var accum = 0;
	var arrLength = pArray.length;
	for(var intCtr=0; intCtr<arrLength; intCtr++) {
		accum += pArray[intCtr];
	}
	return accum;
}
function doForOfLoop(pArray) {
	var accum = 0;
	for(var value of pArray) {
		accum += value;
	}
	return accum;
}
function doForEach(pArray) {
	var accum = 0;
	pArray.forEach(function(item) {
		accum += item;
	});
}

Tests:

reduce
var redeuceResult=0; redeuceResult = doReduce(arrRandom);
for loop
var loopResult=0; loopResult = doForLoop(arrRandom);
forEach
var forEachResult=0 forEachResult = doForEach(arrRandom)
for of loop
var forOfResult=0 forOfResult = doForOfLoop(arrRandom)

Run results for: Array.reduce vs for loop vs Array.forEach vs for of loop - 10000

A test summing 1000 random numbers, 1 - 10000

reduce

for loop

forEach

for of loop