MeasureThat.net

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

A test summing 1000 random numbers, 1 - 10000

Go to the benchmark
Run details:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36
Chrome 68
Linux
Desktop
6 years ago
Test name Executions per second
reduce (arrow function) 0.0 Ops/sec
for loop 708054.9 Ops/sec
forEach 415256.0 Ops/sec
reduce 506147.4 Ops/sec
Script Preparation code:
​x
 
// 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);