Run results for: Transform array to object

Run details:

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

Browser: Chrome 101

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
lodash/keyBy	2321633.8 Ops/sec
keyBy with native reduce	2974279.8 Ops/sec
keyBy using native reduce and spread operator	757749.8 Ops/sec

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js'></script>

Script Preparation code:

var data = Array.from({length: 1000}, (v, i) => ({ name: `${i + 1}`, value: i + 1}));

var keyBy = (array, fn) => {
    return array.reduce((acc, value) => {
        acc[fn(value)] = value;
        return acc;
    }, {});
};

var keyByUsingSpread = (array, fn) => {
    return array.reduce((acc, value) => {
        return {
            ...acc,
            [fn(value)]: value
        };
    }, {});
};

Tests:

lodash/keyBy
_.keyBy(data, (v) => v.name);
keyBy with native reduce
keyBy(data, (v) => v.name);
keyBy using native reduce and spread operator
keyByUsingSpread(data, (v) => v.name);

Run results for: Transform array to object

Various ways to convert array to objects

lodash/keyBy

keyBy with native reduce

keyBy using native reduce and spread operator