Benchmark: Reduce with spread VS for...of with push

Script Preparation code:

var groups = Array.apply(null, {length: 32}).map(v => (Math.random() + 1).toString(36).substr(2))
var data = Array.apply(null, {length: 10_000}).map((v,id) => ({id, group: groups[Math.random() * groups.length | 0]}))

Tests:

reduce with spread
function groupByReduce(objectArray, property) { return objectArray.reduce((acc, obj) => { const key = obj[property]; const curGroup = acc[key] ?? []; return { ...acc, [key]: [...curGroup, obj] }; }, {}); } groupByReduce(data, 'group');
for...of with push
function groupByFor(data, keyProperty){ const groups = {} for(const entry of data){ const groupId = entry[keyProperty]; if(!groups[groupId]){ groups[groupId] = []; } groups[groupId].push(entry); } return groups; } groupByFor(data, 'group')

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
reduce with spread
for...of with push

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

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

Browser/OS: Chrome 114 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
reduce with spread	77.9 Ops/sec
for...of with push	1890.4 Ops/sec

Reduce with spread VS for...of with push (version: 4)

Comparing performance of: reduce with spread vs for...of with push

Created: one year ago by: Registered User

Jump to the latest result

reduce with spread

for...of with push

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A