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/96.0.4664.110 Safari/537.36

Browser: Chrome 96

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
lodash/keyBy	49391.4 Ops/sec
keyBy with native reduce	52411.3 Ops/sec
keyBy using native reduce and spread operator	2893.4 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