Benchmark: native optional chaining vs lodash _.get

HTML Preparation code:

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

Script Preparation code:

var object = {
    name: "a",
    address: {
        street: {
            name: "streetname",
            number: 5
        },
        country: {
            name: "germany",
            countrycode: "DE"
        }
    }
};
var objectWithUndefined = {
    name: "a",
    address: undefined,
    country: {
        name: "germany",
        countrycode: "DE"
    }
};

Tests:

?.
// Native const x = object?.address?.street?.number; const y = objectWithUndefined?.address?.street?.number;
_.get
const x = _.get(object, "address.street.number"); const y = _.get(objectWithUndefined, "address.street.number");

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
?.
_.get

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 24 days ago):

LLMs can make mistakes. Check important info.

Let's dive into the explanation of the provided benchmark.

**Overview**

MeasureThat.net is a website that allows users to create and run JavaScript microbenchmarks, comparing different approaches to measure performance. The benchmark in question tests two methods: native optional chaining (`?.`) and Lodash's `_.get()` function.

**Options Compared**

The benchmark compares the performance of:

1. **Native Optional Chaining (`?.`)**: This is a built-in feature in JavaScript that allows you to safely navigate through nested object properties, providing a safe way to avoid null pointer exceptions.
2. **Lodash's _.get() function**: Lodash is a popular JavaScript library that provides a range of utility functions, including `_.get()` which performs similar functionality to optional chaining.

**Pros and Cons**

### Native Optional Chaining (`?.`)

Pros:

* Lightweight and efficient, as it only checks for null or undefined values.
* Built-in feature in JavaScript, so no additional dependencies are required.

Cons:

* May not work across all browsers, as its implementation can vary. In this benchmark, both Firefox 111 and the test machine's browser seem to support it.

### Lodash's _.get() function

Pros:

* More robust than native optional chaining, as it allows for more complex path specifications.
* Widely supported across different JavaScript environments, including older browsers that may not have the built-in feature.

Cons:

* Adds an additional dependency (Lodash) which can increase page load times.
* May be slightly heavier due to the overhead of function calls and string manipulation.

**Library: Lodash**

Lodash is a popular JavaScript library developed by Isaac Zeldman. It provides a range of utility functions, including `_.get()` that allows you to safely navigate through nested object properties.

In this benchmark, Lodash's `_.get()` function is used to perform the same operation as native optional chaining (`?.`).

**Special JS Feature: None**

There are no special JavaScript features or syntaxes being tested in this benchmark. Both approaches rely on standard JavaScript language constructs.

**Alternative Approaches**

Other alternatives to compare performance could include:

* Using a different library or implementation, such as the `dot()` function from jQuery or the `accessorize` function from the `accord.js` library.
* Implementing custom logic using regular expressions or other string manipulation techniques.
* Using different data structures, such as arrays instead of objects.

It's worth noting that the choice of approach often depends on specific use cases and requirements. For example, if you need to perform complex path specifications, Lodash's `_.get()` function may be a better choice. However, for simple use cases where performance is critical, native optional chaining (`?.`) might be sufficient.

Keep in mind that benchmarking JavaScript code can be complex and dependent on various factors, such as browser versions, environment, and hardware. The results of this benchmark should be taken as a general indication of the relative performance of these two approaches rather than absolute values.

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/111.0

Browser/OS: Firefox 111 on Linux

View result in a separate tab

Test name	Executions per second
?.	88564952.0 Ops/sec
_.get	1730860.1 Ops/sec

Related benchmarks:

native optional chaining vs lodash _.get (version: 0)

Comparing performance of: ?. vs _.get

Created: one year ago by: Guest

Jump to the latest result

?.

_.get

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 24 days ago):