Run results for: Lodash vs ES6: core functions

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:85.0) Gecko/20100101 Firefox/85.0

Browser: Firefox 85

Operating system: Linux

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Lodash GroupBy	9.6 Ops/sec
ES6 GroupBy	6.5 Ops/sec

HTML Preparation code:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.core.js"></script>

Script Preparation code:

// Imports
_.noConflict();

// Define functions to create data
const generateRandomStr = function(len){
 	return [...Array(len)].map(i=>(~~(Math.random()*36)).toString(36)).join('');
}

// Define ES6 Equivalents
var groupBy = function(xs, key) {
  return xs.reduce(function(rv, x) {
    (rv[x[key]] = rv[x[key]] || []).push(x);
    return rv;
  }, {});
};

// Create dataset to be operated on
const DATASET_LENGTH = 1000000;
var dataset = [...Array(DATASET_LENGTH)].map(_=>Math.ceil(Math.random()*40));

dataset = dataset.map(v => {
	return generateRandomStr(v);
});

Tests:

Lodash GroupBy
_.groupBy(dataset, 'length')
ES6 GroupBy
groupBy(dataset, 'length')

Run results for: Lodash vs ES6: core functions

Common Lodash functions compared to their ES6 equivalent code.

Lodash GroupBy

ES6 GroupBy