Benchmark: lodash clonedeep vs json.stringify()

HTML Preparation code:

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

AخA
 
<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;

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

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 117 on Windows

View result in a separate tab

Test name	Executions per second
Lodash CloneDeep	346864.4 Ops/sec
Json Clone	432711.2 Ops/sec

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

What is being tested?

The provided JSON represents two individual test cases for measuring the performance of cloning an object in JavaScript. The first test case, "Json Clone", tests the JSON.stringify() method to create a clone of the object MyObject. The second test case, "Lodash CloneDeep", uses the _cloneDeep() function from the Lodash library to create a deep copy of MyObject.

What options are being compared?

The two options being compared are:

JSON.stringify(): This method converts a JavaScript value to a JSON string, which can be used to clone an object.
Lodash _cloneDeep() function: This function creates a deep copy of an object.

Pros and Cons of each approach:

JSON.stringify():
- Pros: Simple to implement, widely supported.
- Cons: Not designed for creating deep copies; may not preserve all properties or data types; can be slower than other methods due to the overhead of converting to a string.
Lodash _cloneDeep() function:
- Pros: Designed specifically for creating deep copies; preserves most properties and data types; generally faster than JSON.stringify().
- Cons: Requires importing an additional library (Lodash); may have slightly higher memory usage.

Library used in the test case

The test case uses the Lodash library, which is a popular utility library for JavaScript. The _cloneDeep() function is part of the Lodash collection and provides a simple way to create deep copies of objects.

Special JS feature or syntax

None are mentioned in this specific benchmark definition.

Benchmark preparation code explanation

The script preparation code defines an object MyObject with various properties, including a nested object jayson. The recursiveDeepCopy() function is defined to recursively clone the object. The Html Preparation Code includes a link to the Lodash library, which is required for the _cloneDeep() function.

Other alternatives

Some alternative methods for creating deep copies of objects in JavaScript include:

Using the spread operator ({...o}) or Object.assign()
Implementing a custom recursive cloning function
Using a library like Immutable.js

However, these methods may not provide the same level of performance or property preservation as the Lodash _cloneDeep() function.

LLMs can make mistakes. Check important info.

**What is being tested?**

The provided JSON represents two individual test cases for measuring the performance of cloning an object in JavaScript. The first test case, "Json Clone", tests the `JSON.stringify()` method to create a clone of the object `MyObject`. The second test case, "Lodash CloneDeep", uses the `_cloneDeep()` function from the Lodash library to create a deep copy of `MyObject`.

**What options are being compared?**

The two options being compared are:

1. **JSON.stringify()**: This method converts a JavaScript value to a JSON string, which can be used to clone an object.
2. **Lodash _cloneDeep() function**: This function creates a deep copy of an object.

**Pros and Cons of each approach:**

* `JSON.stringify()`:
	+ Pros: Simple to implement, widely supported.
	+ Cons: Not designed for creating deep copies; may not preserve all properties or data types; can be slower than other methods due to the overhead of converting to a string.
* Lodash `_cloneDeep()` function:
	+ Pros: Designed specifically for creating deep copies; preserves most properties and data types; generally faster than `JSON.stringify()`.
	+ Cons: Requires importing an additional library (Lodash); may have slightly higher memory usage.

**Library used in the test case**

The test case uses the Lodash library, which is a popular utility library for JavaScript. The `_cloneDeep()` function is part of the Lodash collection and provides a simple way to create deep copies of objects.

**Special JS feature or syntax**

None are mentioned in this specific benchmark definition.

**Benchmark preparation code explanation**

The script preparation code defines an object `MyObject` with various properties, including a nested object `jayson`. The `recursiveDeepCopy()` function is defined to recursively clone the object. The Html Preparation Code includes a link to the Lodash library, which is required for the `_cloneDeep()` function.

**Other alternatives**

Some alternative methods for creating deep copies of objects in JavaScript include:

* Using the spread operator (`{...o}`) or `Object.assign()`
* Implementing a custom recursive cloning function
* Using a library like Immutable.js

However, these methods may not provide the same level of performance or property preservation as the Lodash `_cloneDeep()` function.

Related benchmarks:

lodash clonedeep vs json.stringify() (version: 0)

Comparing performance of: Lodash CloneDeep vs Json Clone

Created: one year ago by: Guest

Jump to the latest result

Lodash CloneDeep

Json Clone

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