Benchmark: Lodash cloneDeep vs JSON parse+stringify

HTML Preparation code:

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

Script Preparation code:

var MyObject = {
  description: 'Creates a deep copy of source, which should be an object or an array.',
  myNumber: 123456789,
  myBoolean: true,
  jayson: {
    stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....',
    parse: 'JSON.parse() method parses a JSON string...'
  }
};

var myCopy = null;

Tests:

Lodash cloneDeep
myCopy = _.cloneDeep(MyObject);
Json stringify
myCopy = JSON.parse(JSON.stringify(MyObject));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Json stringify

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 138 on Windows

View result in a separate tab

Test name	Executions per second
Lodash cloneDeep	1840538.4 Ops/sec
Json stringify	1805524.0 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark definition and test cases.

**Benchmark Definition and Script Preparation Code**

The benchmark is defined as a comparison between two approaches: using Lodash's `cloneDeep` function to create a deep copy of an object, and using the `JSON.parse()` and `JSON.stringify()` methods to achieve the same result. The script preparation code creates a test object `MyObject` with nested properties.

**Html Preparation Code**

The benchmark includes the inclusion of the Lodash library via a CDN link (`https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js`) in the HTML preparation code.

**Individual Test Cases**

There are two test cases:

1. **Lodash cloneDeep**: This test case uses the `cloneDeep` function from Lodash to create a deep copy of the `MyObject`. The benchmark definition is: `myCopy = _.cloneDeep(MyObject);`.
2. **Json stringify**: This test case uses the `JSON.parse()` and `JSON.stringify()` methods to create a deep copy of the `MyObject`. The benchmark definition is: `myCopy = JSON.parse(JSON.stringify(MyObject));`.

**Comparison and Options**

The two options being compared are:

* Using Lodash's `cloneDeep` function to create a deep copy of an object.
* Using the `JSON.parse()` and `JSON.stringify()` methods to achieve the same result.

**Pros and Cons**

* **Lodash cloneDeep**: Pros:
	+ Can handle complex nested objects with cycles.
	+ Typically faster than `JSON.parse()` and `JSON.stringify()`.
Cons:
	+ May require additional dependencies (e.g., Lodash).
	+ Can be slower for very large objects due to its recursive nature.
* **JSON parse + stringify**: Pros:
	+ Fast and efficient for small to medium-sized objects.
	+ No additional dependencies required.
Cons:
	+ Can produce incorrect results if the object contains cycles or is not serializable.
	+ Not suitable for complex nested objects.

**Other Considerations**

When choosing between these two approaches, consider the specific requirements of your use case:

* If you need to handle complex nested objects with cycles, `cloneDeep` might be a better choice.
* If you're working with small to medium-sized objects and don't need cycle handling, `JSON.parse()` and `JSON.stringify()` could be sufficient.

**Library: Lodash**

Lodash is a popular JavaScript utility library that provides various functions for tasks such as array manipulation, object creation, and more. In this benchmark, Lodash's `cloneDeep` function is used to create a deep copy of the test object.

In other benchmark tests, you might see other Lodash functions being used, such as `map`, `reduce`, or `forEach`.

**Special JS Feature/Syntax: None**

This benchmark does not utilize any special JavaScript features or syntax that would require additional explanation.

Related benchmarks:

Lodash cloneDeep vs JSON parse+stringify (version: 0)

Comparing performance of: Lodash cloneDeep vs Json stringify

Created: 4 years ago by: Guest

Jump to the latest result

Lodash cloneDeep

Json stringify

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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