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

Run details:

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

Browser: Chrome 121

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

custom groupBy

2K/s

Array.reduce

805/s

Lodash groupBy

268/s

Object.groupBy

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