Benchmark: Lodash cloneDeep vs structuredClone1

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);
Native structuredClone
myCopy = structuredClone(MyObject);
JSON
myCopy = JSON.parse(JSON.stringify(MyObject));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Native structuredClone
JSON

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.

**Benchmark Overview**

The provided JSON represents a JavaScript benchmark test case for comparing the performance of three different methods to create a deep copy of an object: Lodash's `cloneDeep`, native Web API method `structuredClone`, and manual implementation using `JSON.parse()` and `JSON.stringify()`. The goal is to determine which method is the most efficient.

**Library: Lodash**

Lodash is a popular JavaScript utility library that provides a wide range of functions for various tasks, including data manipulation, string manipulation, and more. In this case, the `cloneDeep` function is used to create a deep copy of an object.

**Native Web API: structuredClone**

The `structuredClone` method is a relatively new addition to the Web API, introduced in 2020. It allows creating a shallow or deep clone of an object, depending on the type of object being cloned.

**Manual Implementation using JSON.parse() and JSON.stringify()**

This manual implementation uses the `JSON.parse()` and `JSON.stringify()` methods to create a deep copy of an object by serializing the object as a string, and then deserializing it back into an object.

**Comparison of Options**

The three options being compared are:

1. **Lodash cloneDeep**: This method uses Lodash's implementation to create a deep copy of an object.
	* Pros: Easy to use, efficient, and well-tested.
	* Cons: Requires including the Lodash library in the test environment.
2. **Native structuredClone**: This method uses the native Web API `structuredClone` method to create a shallow or deep clone of an object.
	* Pros: Native implementation, efficient, and does not require additional libraries.
	* Cons: May not work in older browsers that do not support this method, and may have compatibility issues with certain types of objects.
3. **Manual JSON.parse() and JSON.stringify()**: This manual implementation uses the `JSON.parse()` and `JSON.stringify()` methods to create a deep copy of an object.
	* Pros: Simple to understand and implement, works in most browsers.
	* Cons: Can be slower and less efficient than the other two options.

**Special JavaScript Feature/Syntax**

The benchmark does not use any special JavaScript features or syntax that would require explanation beyond the general overview provided above.

**Other Alternatives**

If you're interested in exploring alternative methods for deep copying objects, some popular alternatives include:

1. **JSON.stringify() with Object.assign()**: This method uses `Object.assign()` to create a new object and then serializes it using `JSON.stringify()`.
2. **Array.prototype.slice() with JSON.parse()**: This method uses `Array.prototype.slice()` to create a shallow copy of an array, and then uses `JSON.parse()` and `JSON.stringify()` to create a deep copy.
3. **For...of loop with Object.assign()**: This method uses a `for...of` loop to iterate over the object's properties and creates a new object using `Object.assign()`.

Please note that these alternatives may have performance implications or compatibility issues, and should be tested thoroughly before use in production code.

Related benchmarks:

Lodash cloneDeep vs structuredClone1 (version: 0)

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

Comparing performance of: Lodash cloneDeep vs Native structuredClone vs JSON

Created: 3 years ago by: Guest

Jump to the latest result

Lodash cloneDeep

Native structuredClone

JSON

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