Benchmark: Object.groupBy vs Array.reduce 100k

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:

Object.groupBy
Object.groupBy(data, ({ id }) => id)
Array.reduce
data.reduce((acc, item) => { acc[item.id] = item; return acc; }, {})
Lodash groupBy
_.groupBy(data, ({id}) => id)
custom groupBy
// custom groupBy const groupBy = (data, property) => data.reduce((acc, item) => {acc[property] = item; return acc; }, {}) groupBy(data, 'id')

Rendered benchmark preparation results:

Previous results

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:134.0) Gecko/20100101 Firefox/134.0

Browser/OS: Firefox 134 on Mac OS X 10.15

Related benchmarks:

Object.groupBy vs Array.reduce 100k (version: 6)