Benchmark: Deep object cloning with Lodash (cloneDeep vs merge vs assign)

HTML Preparation code:

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

Script Preparation code:

var o = {
 a: {
   b: 1,
   c: 2,
   d: 3,
   j: {
     k: [1,2,3],
     l: [4,5,6]
   },
 },
 e: [1,2,3,4,5,6],
 f: 1,
 g: {
   h: 1,
 }
}

Tests:

Lodash cloneDeep
const a = _.cloneDeep(o)
Lodash merge
const a = _.merge({}, o)
ES6 Object.assign
const a = _.assign({}, o)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Lodash merge
ES6 Object.assign

Fastest: N/A

Slowest: N/A

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

LLMs can make mistakes. Check important info.

Let's break down the provided JSON and explain what is being tested.

**Benchmark Definition**

The benchmark is testing three different approaches for deep object cloning:

1. **Lodash cloneDeep**: The `cloneDeep` function from Lodash is used to create a deep copy of the original object `o`.
2. **Lodash merge**: The `_merge` function from Lodash is used to combine two objects into one.
3. **ES6 Object.assign**: The built-in `Object.assign` method in JavaScript is used to assign values from one or more sources to a target object.

**Options being compared**

The three approaches are being compared to determine which one is the fastest for deep object cloning.

**Pros and Cons of each approach**

1. **Lodash cloneDeep**: This approach creates an exact copy of the original object, including all nested properties. It's a reliable method but might be slower than other options due to its overhead.
	* Pros: Provides an exact copy, handles complex objects with ease.
	* Cons: Might be slower than other options, requires Lodash library.
2. **Lodash merge**: This approach combines the original object `o` with an empty object using `_merge`. It's a simpler method but might not preserve all nested properties.
	* Pros: Faster than cloneDeep, easier to implement.
	* Cons: Might lose some data when merging complex objects.
3. **ES6 Object.assign**: The built-in `Object.assign` method creates a new object and copies values from the original object `o`. It's a lightweight method but might not handle deep nesting as well as other options.
	* Pros: Fast, lightweight, no external library required.
	* Cons: Might lose data when copying nested objects.

**Library used (Lodash)**

Lodash is a popular JavaScript utility library that provides various functions for tasks like array manipulation, object creation, and cloning. The `_cloneDeep`, `_merge`, and other functions in Lodash are designed to make common programming tasks easier.

**Special JS feature or syntax**

None mentioned in the provided JSON. However, it's worth noting that `const` is a modern JavaScript feature used for declaring constants.

**Benchmark preparation code**

The script preparation code defines an object `o` with nested properties and an array `e`. The object `g` is also defined as part of the benchmark.

**Other alternatives**

Other approaches for deep object cloning include:

1. **Recursion**: A recursive function can be used to create a copy of an object, but this approach might be slower due to the overhead of repeated function calls.
2. **JSON.parse(JSON.stringify())**: This method uses JSON parsing and stringification to create a copy of an object, which can handle simple objects but not complex ones with circular references.
3. **Third-party libraries**: Other JavaScript libraries like underscore.js or fast-json-stitch might provide more efficient deep cloning solutions.

These alternatives have their pros and cons, and the choice ultimately depends on the specific requirements and constraints of your project.

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Safari/537.36

Browser/OS: Chrome 90 on Linux

View result in a separate tab

Test name	Executions per second
Lodash cloneDeep	144035.4 Ops/sec
Lodash merge	90113.7 Ops/sec
ES6 Object.assign	1348967.1 Ops/sec

Related benchmarks:

Deep object cloning with Lodash (cloneDeep vs merge vs assign) (version: 0)

Comparing performance of: Lodash cloneDeep vs Lodash merge vs ES6 Object.assign

Created: 3 years ago by: Guest

Jump to the latest result

Lodash cloneDeep

Lodash merge

ES6 Object.assign

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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