Benchmark: Lodash.get vs Property dot notation with default value

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/lodash/4.16.0/lodash.min.js"></script>

Script Preparation code:

var person = {name: 'Frederick', lastName: 'Corcino Alejo'};

Tests:

Lodash get
_.get(person, 'anyfield', 0);
Native
person?.anyfield || 0

Historical Performance Data aggregated from 8 community runs

Desktop Results:

Chrome 8 runs

Native

27.7M/s

Lodash get

8.9M/s

Fastest: Native (3.1x faster)

View exact numbers

✓ Native: 27,671,576 ops/sec
• Lodash get: 8,873,917 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash get
Native

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 2 years 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

Native

27.7M/s

Lodash get

8.9M/s

View exact numbers

Test name	Executions per second
✓ Native	27,738,692 Ops/sec
Lodash get	8,860,844 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's dive into the world of JavaScript microbenchmarks on MeasureThat.net.

The provided JSON represents a benchmark test case that compares two approaches for accessing properties in an object: Lodash's `_.get()` method and native property access with default values (`person?.anyfield || 0`).

**Benchmark Definition**

The benchmark is defined as follows:

* The script preparation code creates an object `person` with two properties: `name` and `lastName`.
* The HTML preparation code includes the Lodash library (version 4.16.0) from a CDN.
* Two test cases are defined:
	1. "Lodash get" - This test case uses Lodash's `_.get()` method to access the `anyfield` property of the `person` object, providing a default value of `0` if the property does not exist.
	2. "Native" - This test case uses native JavaScript syntax to access the `anyfield` property of the `person` object. If the property does not exist, it returns `undefined`, and the expression is coerced to the specified default value (`0`) using the nullish coalescing operator (`?? 0`).

**Options Compared**

The two test cases compared in this benchmark are:

1. Lodash's `_.get()` method: This approach uses a library function that provides a more explicit way of accessing nested properties and providing default values.
2. Native property access with default values (e.g., `person?.anyfield || 0`): This approach relies on the nullish coalescing operator (`??`) to provide a concise way of handling missing properties.

**Pros and Cons**

Here are some pros and cons of each approach:

**Lodash's _.get() method:**

Pros:

* Provides explicit control over accessing nested properties and providing default values.
* Can be useful for more complex data structures or scenarios where default values need to be customized.

Cons:

* Introduces an additional library dependency (Lodash) that may affect the benchmark result.
* May incur a performance overhead due to the function call.

**Native property access with default values:**

Pros:

* Does not require any additional libraries, reducing dependencies and potential performance overhead.
* Can provide better cache locality for sequential accesses of properties.

Cons:

* Requires explicit handling of missing properties using operators like `??`.
* May be less readable or maintainable in certain scenarios, especially for complex data structures.

**Other Considerations**

The use of the nullish coalescing operator (`??`) is a feature introduced in ECMAScript 2020. If you're targeting older browsers or environments, this operator may not be supported. In such cases, the `||` operator with a default value would need to be used instead.

**Library: Lodash**

Lodash (pronounced "lodash") is a popular JavaScript utility library developed by Isaac Schlueter and Alex Rayner in 2012. The library provides a collection of functional programming helpers for tasks like array manipulation, object iteration, and function composition. In this benchmark, Lodash's `_.get()` method is used to access nested properties with default values.

If you're new to JavaScript or have limited experience with the language, it may be helpful to familiarize yourself with some basic concepts like closures, callbacks, and higher-order functions before diving into performance benchmarking and optimization techniques.

Lodash.get vs Property dot notation with default value (version: 0)

Comparing performance of: `Lodash get vs Native`

Created: 2 years ago by: Guest

Go to the latest result

Lodash get

Native

Historical Performance Data aggregated from 8 community runs

Desktop Results:

Chrome 8 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Lodash.get vs Property dot notation with default value (version: 0)

Comparing performance of: Lodash get vs Native

Created: 2 years ago by: Guest

Go to the latest result

Lodash get

Native

Historical Performance Data aggregated from 8 community runs

Desktop Results:

Chrome 8 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Related benchmarks

Comparing performance of: `Lodash get vs Native`