Benchmark: lodash clonedeep vs json.parse(stringify()) vs recursivecopy new

HTML Preparation code:

<script src='https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js'></script>

AخA
 
<script src='https://cdn.jsdelivr.net/npm/lodash@4.17.21/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;

function recursiveDeepCopy(o) {
    var newO,
      i;
  
    if (typeof o !== 'object') {
      return o;
    }
    if (!o) {
      return o;
    }
  
    if ('[object Array]' === Object.prototype.toString.apply(o)) {
      newO = [];
      for (i = 0; i < o.length; i += 1) {
        newO[i] = recursiveDeepCopy(o[i]);
      }
      return newO;
    }
  
    newO = {};
    for (i in o) {
      if (o.hasOwnProperty(i)) {
        newO[i] = recursiveDeepCopy(o[i]);
      }
    }
    return newO;
  }

​x
 
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;​function recursiveDeepCopy(o) {    var newO,      i;      if (typeof o !== 'object') {      return o;    }    if (!o) {      return o;    }      if ('[object Array]' === Object.prototype.toString.apply(o)) {      newO = [];      for (i = 0; i < o.length; i += 1) {        newO[i] = recursiveDeepCopy(o[i]);      }      return newO;    }      newO = {};    for (i in o) {      if (o.hasOwnProperty(i)) {        newO[i] = recursiveDeepCopy(o[i]);      }    }    return newO;  }

Tests:

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

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

Memory measurements supported only in Chrome.
For precise memory measurements Chrome must be launched with --enable-precise-memory-info flag.
More information: Monitoring JavaScript Memory

Test case name	Result
Lodash CloneDeep
Json Clone
recursiveDeepCopy

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

Browser/OS: Chrome 116 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Lodash CloneDeep	1451799.8 Ops/sec
Json Clone	756593.0 Ops/sec
recursiveDeepCopy	1982047.0 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated 5 months ago):

Let's break down the benchmark and explain what's being tested.

Benchmark Overview

The benchmark compares three approaches to create a deep copy of an object: _.cloneDeep from Lodash, JSON.parse(JSON.stringify()), and a custom recursive function called recursiveDeepCopy. The benchmark is designed to test which approach is the fastest for creating deep copies.

Test Cases

Lodash CloneDeep: This test case uses the _ (Lodash) utility library to create a deep copy of the input object using the _.cloneDeep() method.
JSON Clone: This test case uses the built-in JavaScript function JSON.parse(JSON.stringify()) to create a deep copy of the input object.
recursiveDeepCopy: This test case uses a custom recursive function to create a deep copy of the input object.

Library: Lodash

Lodash is a popular utility library for JavaScript that provides a wide range of functions and helpers for tasks like array manipulation, object manipulation, and more. The _ variable in the benchmark refers to the entire Lodash library, which is imported using the https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js URL.

JSON.parse(JSON.stringify())

The JSON.parse(JSON.stringify()) approach uses the built-in JSON serialization and deserialization functions in JavaScript to create a deep copy of the input object. This method is simple but can be slower than other approaches, especially for large objects with complex relationships.

recursiveDeepCopy

The custom recursiveDeepCopy function uses recursion to create a deep copy of the input object. This approach is more explicit and allows for fine-grained control over the copying process. However, it may be slower due to the overhead of recursive function calls.

Pros and Cons

Here's a brief summary of the pros and cons of each approach:

_.cloneDeep: Fast, reliable, and widely supported.
- Pros: Fast, easy to use, and well-tested.
- Cons: May not work as expected for very large or complex objects.
JSON.parse(JSON.stringify()): Simple but potentially slow.
- Pros: Easy to implement, works well for simple objects.
- Cons: May be slower than other approaches, especially for large objects.
recursiveDeepCopy: More explicit but may be slower.
- Pros: Fine-grained control over the copying process.
- Cons: May be slower due to recursive function calls.

Other Alternatives

If you're looking for alternative deep copy libraries or functions in JavaScript, here are a few options:

lodash.cloneDeep(): Another implementation of the _.cloneDeep() method from Lodash.
JSON.stringify() + JSON.parse(): A simple but potentially slower approach using only built-in JavaScript functions.
Array.prototype.slice() + Array.prototype.concat(): An array-based approach that can be more efficient than recursive copying methods.

Note that the choice of deep copy library or function ultimately depends on your specific use case and performance requirements.

LLMs can make mistakes. Check important info.

Let's break down the benchmark and explain what's being tested.

**Benchmark Overview**

The benchmark compares three approaches to create a deep copy of an object: `_.cloneDeep` from Lodash, `JSON.parse(JSON.stringify())`, and a custom recursive function called `recursiveDeepCopy`. The benchmark is designed to test which approach is the fastest for creating deep copies.

**Test Cases**

1. **Lodash CloneDeep**: This test case uses the `_` (Lodash) utility library to create a deep copy of the input object using the `_.cloneDeep()` method.
2. **JSON Clone**: This test case uses the built-in JavaScript function `JSON.parse(JSON.stringify())` to create a deep copy of the input object.
3. **recursiveDeepCopy**: This test case uses a custom recursive function to create a deep copy of the input object.

**Library: Lodash**

Lodash is a popular utility library for JavaScript that provides a wide range of functions and helpers for tasks like array manipulation, object manipulation, and more. The `_` variable in the benchmark refers to the entire Lodash library, which is imported using the `https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js` URL.

**JSON.parse(JSON.stringify())**

The `JSON.parse(JSON.stringify())` approach uses the built-in JSON serialization and deserialization functions in JavaScript to create a deep copy of the input object. This method is simple but can be slower than other approaches, especially for large objects with complex relationships.

**recursiveDeepCopy**

The custom `recursiveDeepCopy` function uses recursion to create a deep copy of the input object. This approach is more explicit and allows for fine-grained control over the copying process. However, it may be slower due to the overhead of recursive function calls.

**Pros and Cons**

Here's a brief summary of the pros and cons of each approach:

* **_.cloneDeep**: Fast, reliable, and widely supported.
	+ Pros: Fast, easy to use, and well-tested.
	+ Cons: May not work as expected for very large or complex objects.
* **JSON.parse(JSON.stringify())**: Simple but potentially slow.
	+ Pros: Easy to implement, works well for simple objects.
	+ Cons: May be slower than other approaches, especially for large objects.
* **recursiveDeepCopy**: More explicit but may be slower.
	+ Pros: Fine-grained control over the copying process.
	+ Cons: May be slower due to recursive function calls.

**Other Alternatives**

If you're looking for alternative deep copy libraries or functions in JavaScript, here are a few options:

1. **lodash.cloneDeep()**: Another implementation of the `_.cloneDeep()` method from Lodash.
2. **JSON.stringify() + JSON.parse()**: A simple but potentially slower approach using only built-in JavaScript functions.
3. **Array.prototype.slice() + Array.prototype.concat()**: An array-based approach that can be more efficient than recursive copying methods.

Note that the choice of deep copy library or function ultimately depends on your specific use case and performance requirements.

Related benchmarks:

lodash clonedeep vs json.parse(stringify()) vs recursivecopy new (version: 0)

Comparing performance of: Lodash CloneDeep vs Json Clone vs recursiveDeepCopy

Created: one year ago by: Guest

Jump to the latest result

Lodash CloneDeep

Json Clone

recursiveDeepCopy

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 5 months ago):