Benchmark: spread vs assign in loop

Tests:

with spread
let items = new Array(20000).fill(0); const res = items.reduce((acc, item, i) => ({ ...acc, foo: i }), {});
with Object.assign
let items = new Array(20000).fill(0); const res = items.reduce((acc, item, i) => Object.assign(acc, { foo: i }), {});
with simple assign
let items = new Array(20000).fill(0); const res = items.reduce((acc, item, i) => { acc.foo = i; return acc; }, {});

Rendered benchmark preparation results:

Previous results

ⓘ 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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36

Browser/OS: Chrome 113 on Linux

spread vs assign in loop (version: 3)