Benchmark: Lodash.get vs Property dot notation deeply vs optional chaining

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', details: {eyes: 'brown', hobbies: ['skiing', 'cooking']}};

Tests:

Lodash get
_.get(person, 'details.hobbies.1');
Native naive
person.details.hobbies[1]
Guarded native
person && person.details && person.details.hobbies && person.details.hobbies.length && person.details.hobbies[1]
Shimmed get.
const get = (obj, path, defaultValue) => { const result = String.prototype.split.call(path, /[,[\].]+?/) .filter(Boolean) .reduce((res, key) => (res !== null && res !== undefined) ? res[key] : res, obj); return (result === undefined || result === obj) ? defaultValue : result; }; get(person, 'details.hobbies.1');
Optional chaining
person?.details?.hobbies?.[1]

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash get
Native naive
Guarded native
Shimmed get.
Optional chaining

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36

Browser/OS: Chrome 125 on Windows

View result in a separate tab

Native naive

16.2M/s

Optional chaining

16.0M/s

Guarded native

3.7M/s

Lodash get

2.8M/s

Shimmed get.

923K/s

View exact numbers

Test name	Executions per second
✓ Native naive	16,193,161 Ops/sec
Optional chaining	16,024,869 Ops/sec
Guarded native	3,663,680 Ops/sec
Lodash get	2,750,864 Ops/sec
Shimmed get.	922,865 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.

**What is tested?**

The provided JSON represents a benchmark that tests four different approaches to access an element within a nested object: Lodash `_.get`, Property dot notation, Guarded Native (also known as "Optional Chaining" in some browsers), and a custom implementation called Shimmed get.

**Options compared:**

1. **Lodash `_.get`**: A utility function from the Lodash library that allows you to dynamically access nested properties of an object.
2. **Property dot notation**: The native way to access nested properties of an object using dot notation (e.g., `person.details.hobbies[1]`).
3. **Guarded Native (Optional Chaining)**: A syntax introduced in ECMAScript 2020 that allows you to access nested properties without explicitly checking if the property exists.
4. **Shimmed get**: A custom implementation of the `_.get` function.

**Pros and Cons:**

1. **Lodash `_.get`**:
	* Pros: Widely supported, easy to use, and provides a safe way to access nested properties.
	* Cons: Requires including an additional library in your codebase.
2. **Property dot notation**:
	* Pros: Native syntax, no additional libraries required.
	* Cons: Can lead to errors if the property path is incorrect or the object has been deleted.
3. **Guarded Native (Optional Chaining)**:
	* Pros: New syntax that improves readability and safety.
	* Cons: Requires support for ECMAScript 2020 and may not work in older browsers.
4. **Shimmed get**:
	* Pros: Custom implementation that can be used without including an additional library.
	* Cons: May not be as efficient or readable as the other options.

**Library and its purpose:**

Lodash is a popular utility library for JavaScript that provides a wide range of functions for tasks such as functional programming, data manipulation, and more. In this benchmark, Lodash's `_.get` function is used to access nested properties of an object in a safe and efficient way.

**Special JS feature or syntax:**

The benchmark uses the new "Optional Chaining" syntax introduced in ECMAScript 2020, which allows you to access nested properties without explicitly checking if the property exists. This syntax is represented by the `person?.details?.hobbies?.[1]` expression.

**Other alternatives:**

If you don't want to use Lodash or the new Optional Chaining syntax, other alternatives for accessing nested properties include:

* Using a custom implementation like Shimmed get.
* Using a library like jQuery (although not recommended due to its size and complexity).
* Using a different utility library that provides similar functionality.

Keep in mind that the choice of approach depends on your specific use case, performance requirements, and personal preference.

Lodash.get vs Property dot notation deeply vs optional chaining (version: 0) Benchmark.js

Comparing performance of: `Lodash get vs Native naive vs Guarded native vs Shimmed get. vs Optional chaining`

Created: 5 years ago by: Guest

Go to the latest result

Lodash get

Native naive

Guarded native

Shimmed get.

Optional chaining

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 deeply vs optional chaining (version: 0) Benchmark.js

Comparing performance of: Lodash get vs Native naive vs Guarded native vs Shimmed get. vs Optional chaining

Created: 5 years ago by: Guest

Go to the latest result

Lodash get

Native naive

Guarded native

Shimmed get.

Optional chaining

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 naive vs Guarded native vs Shimmed get. vs Optional chaining`