Run results for: New Object from Reduce vs. ForEach

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36

Browser: Chrome 124

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Populate object via ForEach

19K/s

Populate object via Reduce

8/s

View exact numbers

Test name	Executions per second
✓ Populate object via ForEach	19,109 Ops/sec
Populate object via Reduce	8 Ops/sec

Script Preparation code:

var objects = Array.from(new Array(1000)).map((r, i) => ({
    id: `id-${i}`,
    val: i
}));
// Output should be
// { "id-0": 0, "id-1": 1, ... }

Tests:

Populate object via ForEach
var newMapFE = {}; objects.forEach(o => { newMapFE[o.id] = o.val })
Populate object via Reduce
objects.reduce((acc, item) => ({...acc, [item.id]: item.val}), {});

Run results for: New Object from Reduce vs. ForEach

Tests the difference in creating new objects by using reduce vs building up an object in a forEach function

Populate object via ForEach

Populate object via Reduce