Benchmark: Object.fromEntries vs new Map vs Reduce

Script Preparation code:

var ids = Array.from(Array(10000).keys())

var data = ids.map(item => ({ id: item, random: Math.random() }))

Tests:

Object.fromEntries with Array.map
// Create the dictionary // Using `Object.fromEntries` and `Array.map` const dictionary = Object.fromEntries( data.map((item) => [ // Key item.id, // Item item, ]) ); // Utilize it, to test the performance of the dictionary itself as well. ids.map((id) => dictionary[id]);
new Map with Array.map
// Create the dictionary // Using `new Map` and `Array.map` const dictionary = new Map( data.map((item) => [ // Key item.id, // Item item, ]) ); // Utilize it, to test the performance of the dictionary itself as well. ids.map((id) => dictionary.get(id));
Reduce (reusing object)
// Create the dictionary // Using `Array.reduce` // And reusing the object const dictionary = data.reduce((obj, item) => { obj[item.id] = item; return obj; }, {}); // Utilize it, to test the performance of the dictionary itself as well. ids.map((id) => dictionary[id]);
Reduce (creating temporary objects)
// Create the dictionary // Using `Array.reduce` // And NOT reusing the object const dictionary = data.reduce((obj, item) => { return { ...obj, [item.id]: item }; }, {}); // Utilize it, to test the performance of the dictionary itself as well. ids.map((id) => dictionary[id]);

Rendered benchmark preparation results:

Previous results

Test case name	Result
Object.fromEntries with Array.map
new Map with Array.map
Reduce (reusing object)
Reduce (creating temporary objects)

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

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36

Browser/OS: Chrome 113 on Mac OS X 10.15.7

Test name	Executions per second
Object.fromEntries with Array.map	2345.3 Ops/sec
new Map with Array.map	1569.9 Ops/sec
Reduce (reusing object)	10416.8 Ops/sec
Reduce (creating temporary objects)	100.0 Ops/sec

Object.fromEntries vs new Map vs Reduce (version: 0)