Run results for: Lodash vs ES6: core functions

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36 Edg/126.0.0.0

Browser: Chrome 126

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

ES6 GroupBy

49/s

Lodash GroupBy

17/s

View exact numbers

Test name	Executions per second
✓ ES6 GroupBy	49 Ops/sec
Lodash GroupBy	17 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