Benchmark: for vs. for-of vs. reduce (array to ID-keyed object) vs. while (reversed)

Script Preparation code:

var itemCount = 10000
var items = new Array(itemCount)

for (var i = itemCount - 1; i >= 0; i--) {
  items[i] = { id: i, data: 920501 }
}

Tests:

for loop
const itemsById = {} for (let i = items.length - 1; i >= 0; i--) { itemsById[items[i].id] = items[i] }
for-of loop
const itemsById = {} for (const item of items) { itemsById[item.id] = item }
reduce
const itemsById = items.reduce((result, item) => { return { ...result, [item.id]: item } }, {})
while loop reverse
const itemsById = {} let i = items.length const arr = new Array(i) while(i--) itemsById[items[i].id] = items[i]

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 year ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36

Browser/OS: Chrome 100 on Linux

for vs. for-of vs. reduce (array to ID-keyed object) vs. while (reversed) (version: 0)