Run results for: Object.groupBy vs Array.reduce 100k

Run details:

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

Browser: Firefox 134

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

custom groupBy

2K/s

Array.reduce

2K/s

Object.groupBy

911/s

Lodash groupBy

600/s

View exact numbers

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')