Run results for: Transform array to object

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:100.0) Gecko/20100101 Firefox/100.0

Browser: Firefox 100

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
lodash/keyBy	9383.1 Ops/sec
keyBy with native reduce	9489.9 Ops/sec
keyBy using native reduce and spread operator	12.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