Benchmark: Transform array to object

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);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash/keyBy
keyBy with native reduce
keyBy using native reduce and spread operator

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 101 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
lodash/keyBy	44947.3 Ops/sec
keyBy with native reduce	50976.7 Ops/sec
keyBy using native reduce and spread operator	3541.8 Ops/sec

Transform array to object (version: 3)

Various ways to convert array to objects

Comparing performance of: lodash/keyBy vs keyBy with native reduce vs keyBy using native reduce and spread operator

Created: one year ago by: Registered User

Jump to the latest result

lodash/keyBy

keyBy with native reduce

keyBy using native reduce and spread operator

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A