Run results for: lodash groupBy vs Array.reduce vs simple for loop

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Browser: Chrome 130

Operating system: Windows

Device Platform: Desktop

Date tested: 8 days ago

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] } }