Benchmark: lodash chain head pick vs js native vs js native + lodash omitBy + lodash pick

HTML Preparation code:

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

Tests:

lodash chain head pick
const toSpots = [ { name: 'street name', number: 'street number', street: 'street 1', street2: 'street 2', postalCode: '75009', city: 'Paris', state: null, country: 'France', iata: 'ANE', }, ]; const result = {..._.chain(toSpots) .head() .pick('name', 'number', 'street', 'street2', 'postalCode', 'city', 'state', 'country', 'iata') .value()};
js native
const toSpots = [ { name: 'street name', number: 'street number', street: 'street 1', street2: 'street 2', postalCode: '75009', city: 'Paris', state: null, country: 'France', iata: 'ANE', }, ]; const { name, number, street, street2, postalCode, city, state, country, iata } = toSpots[0]; const newSpot = { name, number, street, street2, postalCode, city, state, country, iata, }; for (const [key, value] of Object.entries(newSpot)) { if(!value) { delete newSpot[key]; } }
js native + lodash omitBy
const toSpots = [ { name: 'street name', number: 'street number', street: 'street 1', street2: 'street 2', postalCode: '75009', city: 'Paris', state: null, country: 'France', iata: 'ANE', }, ]; const { name, number, street, street2, postalCode, city, state, country, iata } = toSpots[0]; const newSpot = { name, number, street, street2, postalCode, city, state, country, iata, }; const result = {..._.omitBy(newSpot, _.isNil)};
lodash pick
const toSpots = [ { name: 'street name', number: 'street number', street: 'street 1', street2: 'street 2', postalCode: '75009', city: 'Paris', state: null, country: 'France', iata: 'ANE', }, ]; _.pick(toSpots[0], ['name', 'number', 'street', 'street2', 'postalCode', 'city', 'state', 'country', 'iata'])

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash chain head pick
js native
js native + lodash omitBy
lodash pick

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: 17 days ago)

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

Browser/OS: Chrome 124 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
lodash chain head pick	828825.3 Ops/sec
js native	2799461.0 Ops/sec
js native + lodash omitBy	1598937.0 Ops/sec
lodash pick	989138.6 Ops/sec

lodash chain head pick vs js native vs js native + lodash omitBy + lodash pick (version: 1)

Comparing performance of: lodash chain head pick vs js native vs js native + lodash omitBy vs lodash pick

Created: one year ago by: Registered User

Jump to the latest result

lodash chain head pick

js native

js native + lodash omitBy

lodash pick

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A