MeasureThat.net

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

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36 OPR/72.0.3815.400
Opera 72
Windows
Desktop
4 years ago
Test name Executions per second
Reduce and Spread 42645.7 Ops/sec
ForEach and Mutate (for .. in loop) 129911.7 Ops/sec
Mutate with Object.assign 97327.3 Ops/sec
Foreach and Mutate (Object.assign) 5622.9 Ops/sec
Reduce Mutate 5959.5 Ops/sec
reduce mutate 2 109458.0 Ops/sec
reduce mutate 3 5811.6 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));

  • Reduce Mutate

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

  • reduce mutate 2

     
    var combined = objectsArray.reduce((acc, obj) => {
      for (key in obj) {
        acc[key] = obj[key];
      }
      return acc;
    }, {});

  • reduce mutate 3

     
    var combined = objectsArray.reduce((acc, obj) => {
      Object.keys(obj).forEach((key) => acc[key] = obj[key]);
      return acc;
    }, {});