MeasureThat.net

Run results for: Reduce and Spread vs. Foreach and Mutate

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.192 Safari/537.36
Chrome 88
Mac OS X 10.15.7
Desktop
4 years ago
Test name Executions per second
Reduce and Spread 33930.7 Ops/sec
ForEach and Mutate (for .. in loop) 107077.6 Ops/sec
Mutate with Object.assign 79453.8 Ops/sec
Foreach and Mutate (Object.assign) 6033.2 Ops/sec
Script Preparation code:
AخA
 
var objectsArray = Array(1000).fill(() => {
  const key = Math.random().toString(36).substring(2, 5);
  const value = Math.random().toString(36).substring(2, 5);
  return {[key]: value};
});
Tests:

  • Reduce and Spread

     
    var combined = objectsArray.reduce((memo, obj) => ({...memo, ...obj}), {});

  • ForEach and Mutate (for .. in loop)

     
    var combined = {}
    objectsArray.forEach(obj => {
      for (key in obj) {
        combined[key] = obj[key];
      }
    });

  • Mutate with Object.assign

     
    var combined = Object.assign(...objectsArray)

  • Foreach and Mutate (Object.assign)

     
    var combined = {}
    objectsArray.forEach(obj => Object.assign(combined, obj));