Benchmark: lodash merge vs deepmerge latest

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js'></script>
<script src='https://unpkg.com/deepmerge@4.2.2/dist/umd.js'></script>

Tests:

lodash merge
var a = { a: 'oh', b: 'my', c: { a: 'a', b: { c: 'c' } } }; var b = { c: { b: { d: 'a' }, c: { d: 'd' } } }; var c = _.merge({}, a, b);
object.assign
var a = { a: 'oh', b: 'my', c: { a: 'a', b: { c: 'c' } } }; var b = { c: { b: { d: 'a' }, c: { d: 'd' } } }; var c = deepmerge({}, a, b);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash merge
object.assign

Fastest: N/A

Slowest: N/A

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 definition and test cases to understand what is being tested.

**Benchmark Definition JSON**

The provided JSON represents a JavaScript microbenchmarking framework, MeasureThat.net. The benchmark definition includes:

1. **Script Preparation Code**: This section includes links to external JavaScript libraries:
	* `lodash.min.js` (version 4.17.21): A utility library that provides functional programming helpers and data manipulation functions.
	* `umd.js` (version 4.2.2) of the `deepmerge` library: A deep merge function for objects, allowing developers to combine two or more objects into one while preserving object structures.
2. **Html Preparation Code**: This section includes links to external libraries, but in this case, it's just links to the mentioned JavaScript libraries.

**Individual Test Cases**

The test cases compare different approaches to merge two objects:

1. **Lodash Merge (`lodash.merge`)**:
	* The benchmark definition provides a sample object `a` and another object `b`. The task is to create a new object `c` by merging `a` and `b` using the `_.merge` function from Lodash.
2. **Object.assign** (also known as `object.merge` in some browsers):
	* The benchmark definition provides a sample object `a` and another object `b`. The task is to create a new object `c` by merging `a` and `b` using the `object.assign` function.

**Comparison**

The test cases compare the performance of two approaches:

1. **Lodash Merge (`_.merge`)**: Uses the Lodash library's merge function, which provides more features than plain `Object.assign`, such as handling nested objects.
2. **Object.assign**: The built-in JavaScript function for merging objects.

**Pros and Cons**

1. **Lodash Merge (`_.merge`)**:
	* Pros:
		+ More powerful and flexible than `Object.assign`.
		+ Handles nested objects more accurately.
	* Cons:
		+ Requires an external library, which might add overhead.
2. **Object.assign**:
	* Pros:
		+ Built-in function, so no additional dependencies.
		+ Lightweight.
	* Cons:
		+ Less powerful and less flexible than `_.merge`.
		+ Might not handle nested objects as accurately.

**Other Considerations**

1. **Browser Support**: Both approaches are supported by most modern browsers, including Chrome 92.
2. **Device Platform**: The benchmark is run on a Windows desktop, which might affect the results due to differences in hardware and software configurations.
3. **Operating System**: The benchmark is run on Windows, but other operating systems like macOS or Linux could also be used.

**Alternatives**

1. **ES6 Object Spread Operator (`{...a, ...b}`)**: A more concise way to merge objects using the spread operator (introduced in ECMAScript 2015).
2. **Other Merge Functions**: There are other libraries and built-in functions that provide deeper merging capabilities, such as `jsonmerge` or `immer`.

In summary, the benchmark compares two approaches to merge objects: Lodash's more powerful `_.merge` function and the built-in `Object.assign`. The choice of approach depends on the specific use case, performance requirements, and personal preference.

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Browser/OS: Chrome 131 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
lodash merge	649216.4 Ops/sec
object.assign	1574519.0 Ops/sec

Related benchmarks:

lodash merge vs deepmerge latest (version: 0)

Comparing performance of: lodash merge vs object.assign

Created: 3 years ago by: Guest

Jump to the latest result

lodash merge

object.assign

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):