Benchmark: Lodash cloneDeep vs structuredClone vs JSON.parse+JSON.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:

Native structuredClone
myCopy = structuredClone(MyObject);
Lodash cloneDeep
myCopy = _.cloneDeep(MyObject);
JSON.parse+JSON.stringify
myCopy = JSON.parse(JSON.stringify(MyObject));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Native structuredClone
Lodash cloneDeep
JSON.parse+JSON.stringify

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

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 to understand what is being tested.

**Benchmark Definition**

The benchmark is comparing three approaches for creating a deep copy of an object in JavaScript:

1. **Lodash cloneDeep**: Uses the `cloneDeep` function from the Lodash library.
2. **JSON.parse+JSON.stringify**: Uses the `JSON.parse` and `JSON.stringify` methods to create a deep copy of the object.
3. **Native structuredClone**: Uses the built-in `structuredClone` method introduced in JavaScript (not yet widely supported).

**Test Cases**

Each test case defines a different approach for creating a deep copy of an object:

1. **Lodash cloneDeep**: The benchmark uses the `cloneDeep` function from Lodash to create a deep copy of the object.
2. **JSON.parse+JSON.stringify**: The benchmark uses the `JSON.parse` and `JSON.stringify` methods to create a deep copy of the object.
3. **Native structuredClone**: The benchmark uses the built-in `structuredClone` method (not yet widely supported) to create a deep copy of the object.

**Pros and Cons**

Here are some pros and cons for each approach:

1. **Lodash cloneDeep**:
	* Pros: Easy to use, well-maintained library.
	* Cons: Additional dependency required (Lodash).
2. **JSON.parse+JSON.stringify**:
	* Pros: Built-in methods, no additional dependencies required.
	* Cons: Can be slow and may not work correctly for all types of objects.
3. **Native structuredClone**:
	* Pros: Fast and efficient, built-in method.
	* Cons: Not yet widely supported (requires modern browsers), may require additional setup.

**Library - Lodash**

Lodash is a popular JavaScript utility library that provides a wide range of functions for tasks such as array manipulation, string processing, and object creation. The `cloneDeep` function in particular is designed to create deep copies of objects, which can be useful when working with complex data structures.

**Special JS Feature - structuredClone**

The `structuredClone` method was introduced in JavaScript (not yet widely supported) as a way to create a deep copy of an object without serializing it to a string. This method is designed to be more efficient and accurate than the traditional `JSON.parse+JSON.stringify` approach.

**Other Alternatives**

If you don't have access to Lodash or modern browsers that support `structuredClone`, here are some alternative approaches:

1. **ForIn loop**: You can use a For...In loop to iterate over an object's properties and create a new copy of the object using the `Object.create()` method.
2. **JSON.parse+JSON.stringify with Object.assign()**: You can use `Object.assign()` to merge two objects, creating a deep copy in the process.

Note that these alternatives may not be as efficient or accurate as the approaches used in the benchmark.

Related benchmarks:

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

https://developer.mozilla.org/en-US/docs/Web/API/structuredClone

Comparing performance of: Native structuredClone vs Lodash cloneDeep vs JSON.parse+JSON.stringify

Created: 3 years ago by: Guest

Jump to the latest result

Native structuredClone

Lodash cloneDeep

JSON.parse+JSON.stringify

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results

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