Benchmark: Object.fromEntries vs forEach vs For Loop

Script Preparation code:

var columns = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
var rows = Array.from(Array(10000)).map((i) => [...columns]);

Tests:

Object.fromEntries
rows.map((row) => Object.fromEntries(row.map((value, i) => [columns[i], value])));
For Each
rows.map((row) => { const obj = {}; row.forEach((value, i) => { obj[columns[i]] = value; }); return obj; });
For loop
rows.map((row) => { const obj = {}; for (let i = 0; i < columns.length; i++) { obj[columns[i]] = row[i]; } return obj; });

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: 6 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:120.0) Gecko/20100101 Firefox/120.0

Browser/OS: Firefox 120 on Mac OS X 10.15

Object.fromEntries vs forEach vs For Loop (version: 0)