Run results for: New Object from Reduce vs. ForEach

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/118.0

Browser: Firefox 118

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Populate object via ForEach	12790.1 Ops/sec
Populate object via Reduce	78.4 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