Benchmark: Dot property set notation VS Lodash.set (fix)

HTML Preparation code:

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

Script Preparation code:

var person = { name: 'Foo', lastName: 'Bar' };

Tests:

Lodash.set
_.set(person, 'age', 10)
Dot notation property setter
person.age = 10

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash.set
Dot notation property setter

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:91.0) Gecko/20100101 Firefox/91.0

Browser/OS: Firefox 91 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
Lodash.set	7256724.5 Ops/sec
Dot notation property setter	603135744.0 Ops/sec

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

LLMs can make mistakes. Check important info.

I'll break down the explanation into smaller sections to make it easier to understand.

**Benchmark Definition and Script Preparation Code**

The benchmark definition is a JSON object that describes two test cases:

1. **Dot notation property setter**: This test case uses JavaScript's dot notation to set a property on an object.
2. **Lodash.set**: This test case uses the `_.set` function from the Lodash library to set a property on an object.

The script preparation code is:
```javascript
var person = { name: 'Foo', lastName: 'Bar' };
```
This creates an object named `person` with two properties: `name` and `lastName`.

**Library: Lodash**

Lodash is a popular JavaScript utility library that provides a lot of useful functions for tasks such as array manipulation, string manipulation, and object manipulation. The `_.set` function is part of the Lodash library and allows you to set the value of a property on an object.

**Test Cases**

The test cases are identical except for how they set the `age` property on the `person` object:

1. **Dot notation property setter**: `person.age = 10`
2. **Lodash.set**: `_.set(person, 'age', 10)`

Both approaches achieve the same result, but they use different syntax.

**Comparison**

The two test cases are compared to determine which approach is faster.

**Pros and Cons**

Here's a brief summary of the pros and cons of each approach:

1. **Dot notation property setter**
	* Pros: Simple and easy to read.
	* Cons: May be slower than Lodash.set due to the overhead of accessing the `age` property on the object.
2. **Lodash.set**
	* Pros: Can be faster because it avoids the overhead of accessing the property on the object.
	* Cons: Requires the Lodash library, which may not be included in all environments.

**Other Considerations**

When choosing between these two approaches, consider the following:

* If you're working with complex objects or need to perform multiple property assignments, Lodash.set might be a better choice due to its conciseness and readability.
* If you're targeting a browser environment where Lodash is not available or has been disabled, the dot notation approach might be a safer choice.

**Other Alternatives**

There are other ways to set properties on objects in JavaScript, such as using bracket notation (`person['age'] = 10`) or using Object.assign(). However, these approaches are less common and may have slightly different performance characteristics compared to the dot notation and Lodash.set approaches.

Related benchmarks:

Dot property set notation VS Lodash.set (fix) (version: 0)

Compares different approaches to set an object property

Comparing performance of: Lodash.set vs Dot notation property setter

Created: 3 years ago by: Registered User

Jump to the latest result

Lodash.set

Dot notation property setter

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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