Benchmark: Lodash pick vs manual object descturct11

HTML Preparation code:

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

Script Preparation code:

var images = {
    "1280x1840_480": {
        "downloadUrl": "https://static.manta.net/2022-07-20/C3/C3PgwSGN2kE1BQQh.jpg",
        "data": {
            "blurhash": "UjIO2.IoyCRP~pjFxuW=%Mxue.xu%MWUNGs:",
            "height": 690,
            "width": 480
        }
    },
    "1280x1840_720": {
        "downloadUrl": "https://static.manta.net/2022-07-20/Lr/LrbiRJxUnwT5Trs5.jpg",
        "data": {
            "blurhash": "UjIO2-IoyCRP~pjF%2W=%MxujFxu%MaxNGs:",
            "height": 1035,
            "width": 720
        }
    }
}

Tests:

Lodash
for(i=0; i<100; i++){ const n = Object.keys(images || {}) .reduce((obj, key) => ({ ...obj, [key]: { ..._.pick(images[key], ['downloadUrl', 'id']), blurhash: images[key].data?.blurhash, }, }), {}); }
Object desctruct
for(i=0; i<100; i++){ const n = Object.keys(images || {}) .reduce((obj, key) => ({ ...obj, [key]: { downloadUrl: images[key].downloadUrl, id: images[key].id, blurhash: images[key].data?.blurhash, }, }), {}); }
Optimization1
for(i=0; i<100; i++){ const n = Object.keys(images || {}) .reduce((obj, key) => { obj[key] = { downloadUrl: images[key].downloadUrl, id: images[key].id, blurhash: images[key].data?.blurhash, } return obj; }, {}); }
Optimization2
const pick = (image) => ({ downloadUrl: image.downloadUrl, id: image.id, blurhash: image.data?.blurhash, }); for(i=0; i<100; i++){ const n = { "1280x1840_480": pick(images["1280x1840_480"]), "1280x1840_720": pick(images["1280x1840_720"]), } }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash
Object desctruct
Optimization1
Optimization2

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

Browser/OS: Chrome 103 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Lodash	3142.1 Ops/sec
Object desctruct	8488.5 Ops/sec
Optimization1	14017.2 Ops/sec
Optimization2	79222.8 Ops/sec

Lodash pick vs manual object descturct11 (version: 0)

Comparing performance of: Lodash vs Object desctruct vs Optimization1 vs Optimization2

Created: one year ago by: Registered User

Jump to the latest result

Lodash

Object desctruct

Optimization1

Optimization2

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A