Benchmark: lodash merge vs spread operator

HTML Preparation code:

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

Script Preparation code:

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

Tests:

lodash
let copied = _.merge(person, {age: 15});
native
let copied = {...person};

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash
native

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 9 days ago)

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

Browser/OS: Chrome 147 on Windows

View result in a separate tab

Test name	Executions per second
lodash	16229330.0 Ops/sec
native	56858528.0 Ops/sec

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

LLMs can make mistakes. Check important info.

I'll break down the test cases and explain what's being tested, along with their pros and cons.

**Test Cases**

We have two individual test cases:

1. **Lodash: `let copied = _.merge(person, {age: 15});`**
2. **Native (JavaScript Spread Operator): `let copied = {...person};`**

**What's Being Tested?**

Both test cases are measuring the performance of a JavaScript assignment operation:

* In the Lodash case, we're using the `_merge()` function from the Lodash library to merge two objects: `person` and an object with an additional property `age`.
* In the Native case, we're using the spread operator (`...`) to create a shallow copy of the `person` object.

**Pros and Cons**

### Lodash:

Pros:

* Lodash provides a well-maintained, widely-used library that offers many utility functions.
* Using an established library can simplify code and reduce development time.

Cons:

* Introduces additional overhead due to library initialization and dependency loading.
* May introduce performance overhead due to the extra function call and object creation.

### Native (JavaScript Spread Operator):

Pros:

* No additional library dependencies or overhead.
* Built-in support in modern JavaScript engines, making it a lightweight solution.

Cons:

* Requires explicit knowledge of the spread operator syntax and its limitations (e.g., shallow copying).
* May not be as widely supported across older browsers or versions.

**Library: Lodash**

Lodash is a popular JavaScript utility library developed by Isaac Schlueter. It provides over 200 functions for tasks such as string manipulation, object transformation, functional programming, and more. In this test case, we're using the `_merge()` function to merge two objects.

**Special JS Feature/Syntax: Spread Operator**

The spread operator (`...`) is a relatively recent addition to JavaScript, introduced in ECMAScript 2018 (ES2018). It allows you to create new objects or arrays by spreading existing ones. In this test case, we're using the spread operator to create a shallow copy of the `person` object.

**Other Alternatives**

If you prefer not to use Lodash or the spread operator, other alternatives for merging objects include:

* Using the `Object.assign()` method: `let copied = Object.assign({}, person, {age: 15});`
* Implementing a custom merge function using recursion or iteration.
* Using a different library, such as Ramda or Immutable.js.

Keep in mind that these alternatives may introduce additional overhead or complexity compared to using Lodash or the spread operator.

Related benchmarks:

lodash merge vs spread operator (version: 0)

lodash assign vs spread operator

Comparing performance of: lodash vs native

Created: 7 years ago by: Guest

Jump to the latest result

lodash

native

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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