Benchmark: Angular clone vs Lodash cloneDeep vs JSON Clone 1.5.10

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.10/angular.min.js"></script>
<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 clone
myCopy = JSON.parse(JSON.stringify(MyObject));
Angular copy
myCopy = angular.copy(MyObject);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Json clone
Angular copy

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.

**Benchmark Overview**

The benchmark compares the performance of three different methods to create a deep copy of an object:

1. `_.cloneDeep` from Lodash
2. `JSON.parse(JSON.stringify(MyObject))`
3. `angular.copy(MyObject)` from Angular (specifically, version 1.5.10)

**Options Compared**

The options being compared are the performance of each method in creating a deep copy of an object.

**Pros and Cons**

1. **Lodash cloneDeep**: This method is part of the Lodash library, which provides a set of utility functions for functional programming. `cloneDeep` is specifically designed to create deep copies of objects.
	* Pros: Robust and efficient algorithm; well-tested and widely used.
	* Cons: Requires an external library (Lodash) to be included in the benchmark.
2. **JSON.parse(JSON.stringify(MyObject))**: This method uses JSON serialization and deserialization to create a copy of the object.
	* Pros: Lightweight and simple implementation; no external dependencies required.
	* Cons: May not work correctly with complex objects or circular references; can be slower than other methods due to extra parsing overhead.
3. **Angular copy**: This method is part of the Angular framework, specifically designed for creating copies of objects in Angular applications.
	* Pros: Optimized for Angular's use case; well-suited for large-scale application development.
	* Cons: Requires the Angular library to be included in the benchmark; may not be as efficient as other methods.

**Library and Syntax**

1. **Lodash**: A popular utility library for JavaScript, providing a wide range of functions for functional programming, data manipulation, and more.
2. **Angular**: A JavaScript framework for building complex web applications, providing features like dependency injection, templates, and services.

**Other Considerations**

* The benchmark uses Chrome 80 as the test browser, which may affect the results due to differences in implementation or optimization between browsers.
* The `myCopy = JSON.parse(JSON.stringify(MyObject));` method is particularly vulnerable to issues with circular references or complex objects, which can lead to unexpected behavior or errors.

**Alternatives**

Other methods for creating deep copies of objects include:

1. **Object.assign()**: A modern approach using the spread operator (`{ ... }`) to create a shallow copy of an object.
2. **Array.prototype.slice()`: Used with arrays to create a shallow copy, but can be used with objects to achieve a similar result.
3. **for...in loop**: Can be used to manually iterate over an object's properties and create a deep copy.

However, these alternatives may not offer the same level of performance or robustness as `_.cloneDeep` from Lodash or `angular.copy()` from Angular.

Related benchmarks:

Angular clone vs Lodash cloneDeep vs JSON Clone 1.5.10 (version: 0)

Comparing performance of: Lodash cloneDeep vs Json clone vs Angular copy

Created: 6 years ago by: Guest

Jump to the latest result

Lodash cloneDeep

Json clone

Angular copy

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