Benchmark: Lodash 4.17.20 vs deepmerge 4.2.2

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.20/lodash.min.js"></script>
<script src="https://unpkg.com/deepmerge@4.2.2/dist/umd.js"></script>

Tests:

Lodash
var a = { foo: { bar: { baz: { qux: 'quxx' } } } } var b = { foo2: { bar: { baz: { qux: { quxx: 'quz', quxx2: { 'quz': { quzz: 'buzz', }, } } } } } } var c = _.merge({}, a, b);
Deepmerge
var a = { foo: { bar: { baz: { qux: 'quxx' } } } } var b = { foo2: { bar: { baz: { qux: { quxx: 'quz', quxx2: { 'quz': { quzz: 'buzz', }, } } } } } } var c = deepmerge({}, a, b);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash
Deepmerge

Fastest: N/A

Slowest: N/A

Autogenerated LLM Sumamry (model llama3.2:3b, generated 10 days ago):

LLMs can make mistakes. Check important info.

**Overview**

MeasureThat.net is a website that allows users to create and run JavaScript microbenchmarks, testing the performance of various libraries and approaches for data merging.

**Benchmark Definition JSON**

The provided benchmark definition JSON represents two test cases:

1. **Lodash**: The test case uses Lodash (version 4.17.20) to merge two objects (`a` and `b`) into a single object.
2. **Deepmerge**: The test case uses Deepmerge (version 4.2.2) to merge two objects (`a` and `b`) into a single object.

**Options Compared**

In both test cases, the same input data is used: two nested objects with overlapping properties. However, the libraries used for merging are different:

1. **Lodash**: Uses the `_merge()` function from Lodash.
2. **Deepmerge**: Uses the `deepMerge()` function from Deepmerge.

**Pros and Cons of Each Approach**

1. **Lodash**
	* Pros:
		+ Robust feature set with many utility functions
		+ Well-maintained and widely adopted library
	* Cons:
		+ Can be overkill for simple merging tasks
		+ Additional dependencies may increase bundle size
2. **Deepmerge**
	* Pros:
		+ Lightweight and optimized for performance
		+ Simple and focused on merging data
	* Cons:
		+ Smaller community compared to Lodash
		+ Fewer utility functions available

**Library Descriptions**

1. **Lodash**: A popular JavaScript utility library providing a wide range of functional programming helpers, including merging data.
2. **Deepmerge**: A lightweight JavaScript library specifically designed for merging and updating objects.

**Special JS Feature/ Syntax (Not applicable in this example)**

No special JavaScript features or syntax are used in these test cases.

**Other Alternatives**

If you're looking for alternatives to Lodash or Deepmerge, consider the following options:

1. **Immer**: A state management library that provides a convenient and efficient way to update objects.
2. **Ramda**: A functional programming library that offers a set of immutable functions, including merging data.
3. **Object.assign()**: A built-in JavaScript method for merging objects.

Keep in mind that these alternatives may have different trade-offs in terms of performance, feature set, or learning curve.

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/116.0.0.0 Safari/537.36

Browser/OS: Chrome 116 on Windows

View result in a separate tab

Test name	Executions per second
Lodash	82863.4 Ops/sec
Deepmerge	226718.6 Ops/sec

Related benchmarks:

Lodash 4.17.20 vs deepmerge 4.2.2 (version: 0)

Comparing performance of: Lodash vs Deepmerge

Created: 3 years ago by: Guest

Jump to the latest result

Lodash

Deepmerge

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Sumamry (model llama3.2:3b, generated 10 days ago):