Benchmark: Lodash.get vs Lodash.property vs native dynamic

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', foo: { bar: "baz" } };
var p = _.property("foo.bar");

Tests:

Lodash get
_.get(person, 'foo.bar');
_property
p(person);
native
const list = ["foo", "bar"]; var key = person; for(let a of list){ key = key[a] } key;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash get
_property
native

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Opera 99 on Windows

View result in a separate tab

Test name	Executions per second
Lodash get	3725568.8 Ops/sec
_property	4735921.5 Ops/sec
native	14161323.0 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark and explain what is tested, compared, and their pros and cons.

**Benchmark Overview**

The benchmark compares three approaches to access a nested property in a JavaScript object:

1. **Lodash.get()**: A utility function from the Lodash library that allows dynamic property access.
2. **Lodash.property()**: Another utility function from Lodash that also allows dynamic property access, but with a different syntax.
3. **Native approach**: A simple loop-based approach to access the nested property.

**Options Compared**

The benchmark compares the performance of these three approaches in accessing the nested property:

* `_.get(person, 'foo.bar')` (Lodash.get())
* `p(person)` (Lodash.property())
* `const list = [\"foo\", \"bar\"];\r\nvar key = person;\r\nfor(let a of list){\r\n\tkey = key[a]\r\n}\nkey` (Native approach)

**Pros and Cons**

Here are the pros and cons of each approach:

1. **Lodash.get()**
	* Pros:
		+ Simple and concise syntax.
		+ Works well with both property names and dot notation.
	* Cons:
		+ Requires including an external library (Lodash).
2. **Lodash.property()**
	* Pros:
		+ Similar to Lodash.get(), but with a different syntax.
	* Cons:
		+ Also requires including an external library (Lodash).
3. **Native approach**
	* Pros:
		+ No external dependencies required.
		+ Uses built-in JavaScript features.
	* Cons:
		+ Requires explicit loop-based iteration.

**Library: Lodash**

Lodash is a popular utility library for JavaScript that provides various functional programming helpers, including `get()` and `property()`. These functions allow dynamic property access, making it easier to work with nested objects in JavaScript.

**Special JS Feature/Syntax**

There are no special JavaScript features or syntax mentioned in the benchmark. However, if we consider the use of template literals (`"foo.bar"`), we can see that they were introduced in ECMAScript 2015 (ES6). Template literals provide a concise way to create string literals with embedded expressions.

**Other Alternatives**

If you're looking for alternative approaches to access nested properties in JavaScript, here are some options:

* Using ` bracket notation` (`person['foo.bar']`)
* Using ` dot notation` (`person.foo.bar`)
* Using a library like jQuery (if you need to support older browsers)

Keep in mind that the best approach depends on your specific use case and performance requirements.

Related benchmarks:

Lodash.get vs Lodash.property vs native dynamic (version: 0)

Comparing performance of: Lodash get vs _property vs native

Created: one year ago by: Guest

Jump to the latest result

Lodash get

_property

native

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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