Run results for: Reduce vs Map+FromEntries vs for loop vs forEach

Run details:

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

Browser: Chrome 129

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

for loop

3K/s

forEach

3K/s

reduce

3K/s

map + fromEntries

1K/s

View exact numbers

Script Preparation code:

var data = Array.from(Array(10000).keys());

Tests:

reduce
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() }
forEach
const dataObject = Object.entries(data) const acc = {} dataObject.forEach(([k, v]) => {acc[k] = v.toString()})