Run results for: Object.fromEntries vs reduce vs. for-of

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36

Browser: Chrome 122

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Reduce (reuse object)

29K/s

For-of

28K/s

Object.fromEntries

15K/s

Reduce (creating temporary objects)

2K/s

View exact numbers

Test name	Executions per second
✓ Reduce (reuse object)	29,408 Ops/sec
For-of	27,737 Ops/sec
Object.fromEntries	14,913 Ops/sec
Reduce (creating temporary objects)	1,982 Ops/sec

Script Preparation code:

function rand() {
  return Math.floor(Math.random() * 10000)
}
var data = Array(1000).fill(0).map((_, i) => ({ i, a: rand(), b: rand() }))

Tests:

Object.fromEntries
Object.fromEntries(data.map(({i, ...rest}) => [i, rest]));
Reduce (reuse object)
data.reduce((acc, {i, ...rest}) => { acc[i] = rest; return acc; }, {});
Reduce (creating temporary objects)
Object.entries(data).reduce((acc, {i, ...rest}) => ({ ...acc, [i]: rest }), {});
For-of
const result = {} for (const {i, ...rest} of data) { result[i] = rest; }