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/99.0.4844.83 Safari/537.36
Chrome 99
Mac OS X 10.15.7
Desktop
2 years ago
Test name Executions per second
Reduce and Spread 60230.7 Ops/sec
ForEach and Mutate (for .. in loop) 170222.6 Ops/sec
Mutate with Object.assign 151591.9 Ops/sec
Foreach and Mutate (Object.assign) 12291.7 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));