Benchmark: lodash groupBy vs Array.reduce vs simple for loop

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

var max2 = 100000;

var data = [];
for (var i = 0; i <= max2; i++) { data.push({ id: i }); }

Tests:

lodash groupby
_.groupBy(data, ({ id }) => id)
native reduce
const data_reduced = data.reduce((acc, item) => { if (item.id in acc) { acc[item.id].push(item) } else { acc[item.id] = [item] } return acc; }, {})
group by simple for loop
const data_group_by_for_loop = {} for (let i = 0; i < data.length; i++) { const item = data[i]; if (item.id in data_group_by_for_loop) { data_group_by_for_loop[item.id].push(item) } else { data_group_by_for_loop[item.id] = [item] } }

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: 12 days ago)

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

Browser/OS: Chrome 123 on Linux

lodash groupBy vs Array.reduce vs simple for loop (version: 0)