Run results for: array.map() with spread vs for-loop v2

Run details:

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

Browser: Chrome 122

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

for-loop and object (reuse object)

7K/s

Object.fromEntries with spread

1K/s

for-loop and map

795/s

for-loop and object (creating temporary objects)

48/s

View exact numbers

Test name	Executions per second
✓ for-loop and object (reuse object)	7,329 Ops/sec
Object.fromEntries with spread	1,026 Ops/sec
for-loop and map	795 Ops/sec
for-loop and object (creating temporary objects)	48 Ops/sec

Script Preparation code:

var entries = Object.entries({ ...Array.from(Array(10000).keys()) });

Tests:

Object.fromEntries with spread
const obj = Object.fromEntries([ ...entries.map(([key, value]) => [key, value]) ]);
for-loop and object (reuse object)
const obj = {}; for (const [key, value] of entries) { obj[key] = value; }
for-loop and object (creating temporary objects)
let obj = {}; for (const [key, value] of entries) { obj = { ...obj, [key]: value }; }
for-loop and map
const map = new Map(); for (const [key, value] of entries) { map.set(key, value); } const obj = Object.fromEntries(map);