Benchmark: groupBy spread vs mutating

Script Preparation code:

let entries = []
let keys = ['A', 'B', 'C', 'D', 'E'];

for (var i = 0; i < 1000; i++) {
  entries.push({ key: keys[i % 5], property: 'something'});
}

function getEntries() {
  return entries;
}

Tests:

Using spread operators
getEntries().reduce((groups, entry) => { const group = groups[entry.key] || []; return { ...groups, [entry.key]: [...group, entry] }; }, {});
Mutating
getEntries().reduce(function(groups, entry) { (groups[entry.key] = groups[entry.key] || []).push(entry); return groups; }, {});

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Using spread operators
Mutating

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 5 years ago)

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

Browser/OS: Chrome 74 on Mac OS X 10.14.5

View result in a separate tab

Test name	Executions per second
Using spread operators	2088.7 Ops/sec
Mutating	40774.2 Ops/sec

groupBy spread vs mutating (version: 0)

Comparing performance of: Using spread operators vs Mutating

Created: 6 years ago by: Guest

Jump to the latest result

Using spread operators

Mutating

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A