Benchmark: Convert Array to Object 2 - Object.fromEntries vs reduce vs forEach

Script Preparation code:

var data = Array.from(Array(10000).keys()).map(i => ({id: i, value: `val_${i}`}));

Tests:

Object.fromEntries
Object.fromEntries(data.map(obj => [obj.id, obj]));
Reduce (reuse object)
data.reduce((acc, obj) => { acc[obj.id] = obj; return acc; }, {});
Reduce (creating temporary objects)
data.reduce((acc, obj) => ({ ...acc, [obj.id]: obj }), {});
for of
const acc = {} for (const obj of data) { acc[obj.id] = obj }
for each
const acc = {} data.forEach((obj) => { acc[obj.id] = obj })

Rendered benchmark preparation results:

Previous results

Test case name	Result
Object.fromEntries
Reduce (reuse object)
Reduce (creating temporary objects)
for of
for each

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 8 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15

Browser/OS: Safari 16 on Mac OS X 10.15.7

Test name	Executions per second
Object.fromEntries	7210.4 Ops/sec
Reduce (reuse object)	25063.2 Ops/sec
Reduce (creating temporary objects)	0.1 Ops/sec
for of	19261.9 Ops/sec
for each	19809.8 Ops/sec

Convert Array to Object 2 - Object.fromEntries vs reduce vs forEach (version: 0)