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

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

Browser/OS: Chrome 131 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
lodash chain head pick	753022.2 Ops/sec
js native	2707764.2 Ops/sec
js native + lodash omitBy	1501039.5 Ops/sec
lodash pick	919287.8 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

I'll break down the benchmark and explain what's being tested, comparing different approaches, and discussing their pros and cons.

**Benchmark Overview**

The benchmark is designed to compare the performance of three approaches for extracting specific properties from an object:

1. Lodash `chain` method with `head` and `pick`
2. Native JavaScript (no external library)
3. Lodash `omitBy` method

Each approach is tested in a different order, and the results are compared.

**Test Case 1: Lodash Chain Head Pick**

In this test case, the benchmark defines an object `toSpots` with multiple properties. The test code uses Lodash's `chain` method to create a pipeline of operations:

* `_.chain(toSpots)` creates a new chainable object
* `.head()` extracts the first element (in this case, an individual object)
* `.pick('name', 'number', 'street', 'street2', 'postalCode', 'city', 'state', 'country', 'iata')` extracts specific properties from the extracted object

The test code then uses the `value()` method to get the resulting object.

**Test Case 2: Native JavaScript**

In this test case, the benchmark defines an object `toSpots` with multiple properties. The test code uses native JavaScript to extract specific properties:

* `{ name, number, street, street2, postalCode, city, state, country, iata } = toSpots[0]` destructures the object into individual variables
* A new object `newSpot` is created by assigning values from each variable
* The test code then iterates over the `newSpot` object using `Object.entries()` and deletes properties with null values

**Test Case 3: Lodash OmitBy + Native JavaScript**

In this test case, the benchmark defines an object `toSpots` with multiple properties. The test code uses Lodash's `omitBy` method to remove null values from the object:

* `_.omitBy(newSpot, _.isNil)` removes properties with null values
* The resulting object is assigned to a new variable

**Test Case 4: Lodash Pick**

In this test case, the benchmark defines an object `toSpots` with multiple properties. The test code uses Lodash's `pick` method to extract specific properties from the original object:

* `_._.pick(toSpots[0], ['name', 'number', 'street', 'street2', 'postalCode', 'city', 'state', 'country', 'iata'])` extracts specific properties from the object

**Comparing Approaches**

The benchmark results show that:

* Lodash `chain` with `head` and `pick` is generally the fastest approach, followed closely by native JavaScript.
* Lodash `omitBy` combined with native JavaScript is slower than the first two approaches.

**Pros and Cons of Each Approach**

* **Lodash Chain Head Pick**:
	+ Pros: concise code, easy to read
	+ Cons: may be slower due to the overhead of creating a chainable object
* **Native JavaScript**:
	+ Pros: lightweight, fast execution
	+ Cons: requires more boilerplate code, can be error-prone if not handled carefully
* **Lodash OmitBy + Native JavaScript**:
	+ Pros: flexible approach that allows for custom filtering
	+ Cons: slower than the first two approaches, may require additional optimization

Overall, the benchmark suggests that Lodash's `chain` method with `head` and `pick` is a good choice when performance is critical, while native JavaScript provides a lightweight alternative. The use of Lodash's `omitBy` method can be useful for custom filtering, but may come at a performance cost.

Related benchmarks:

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: 3 years 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>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):