Benchmark: Reduce vs Map+FromEntries vs for loop vs forof loop vd

Script Preparation code:

var data = Object.fromEntries(Array.from(Array(10000).keys()).map((v, k) => [k, v]));

Tests:

reduce mutating acc
Object.entries(data).reduce((acc, [k, v]) => { acc[k] = v.toString(); return acc; }, {});
map + fromEntries
Object.fromEntries(Object.entries(data).map(([k, v]) => ([k, v.toString()])));
for loop
const dataObject = Object.entries(data) const acc = {} for (let i = 0; i < dataObject.length; i++) { const [k, v] = dataObject[i]; acc[k] = v.toString() }
forof loop
const dataObject = Object.entries(data) const acc = {} for (const [k,v] of dataObject) { acc[k] = v.toString() }
forin loop
const acc = {} for (const property in data) { if (data.hasOwnProperty(property)){ acc[property] = data[property].toString(); } }
reduce without mutating acc
Object.entries(data).reduce((acc, [k, v]) => { return { ...acc, [k]: v.toString() }; }, {});
.forEach
const acc = {}; Object.entries(data).forEach(([k, v]) => { acc[k] = v.toString(); });

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: one month ago)

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/OS: Chrome 122 on Mac OS X 10.15.7

Reduce vs Map+FromEntries vs for loop vs forof loop vd (version: 0)