Run results for: Lodash vs ES6: core functions

Run details:

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

Browser: Chrome 131

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 8 days ago

Test name	Executions per second
Lodash GroupBy	85.8 Ops/sec
ES6 GroupBy	64.6 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