Benchmark: MapBy reduce vs foreach

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

const objects = [];
for (let i = 1; i <= count; i++) {
  const obj = {
    id: crypto.randomUUID(),
    name: `object-${i}`
  };
  objects.push(obj);
}

Tests:

reduce
const mapBy = (array, key) => { return array.reduce((acc, item) => { acc[item[key]] = item; return acc; }, {}); } mapBy(objects);
foreach
const mapBy = (array, key) => { const map = {} return array.forEach((item) => { map[item[key]] = item; }); return map } mapBy(objects);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
reduce
foreach

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 131 on Mac OS X 10.15.7

View result in a separate tab

foreach

61.7M/s

reduce

58.2M/s

View exact numbers

Test name	Executions per second
✓ foreach	61,731,360 Ops/sec
reduce	58,235,840 Ops/sec

MapBy reduce vs foreach (version: 1)

Comparing performance of: `reduce vs foreach`

Created: one year ago by: Guest

Go to the latest result

reduce

foreach

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

MapBy reduce vs foreach (version: 1)

Comparing performance of: reduce vs foreach

Created: one year ago by: Guest

Go to the latest result

reduce

foreach

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `reduce vs foreach`