Benchmark: cloneDeep vs spread object vs json

HTML Preparation code:

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

Script Preparation code:

var voucher = {
    "single": false,
    "applyOverTaxes": false,
    "discountType": "1",
    "value": 100,
    "minimumAmount": 0,
    "quantity": 1,
    "suffixLength": 8,
    "code": "IF5R0AFX",
    "vertical": [],
    "allowedPaymentMethods": [],
    "allowedBanks": [],
    "types": [],
    "partners": [],
    "startDate": "2020-10-21T00:00:00.000Z",
    "endDate": "2020-10-21T00:00:00.000Z",
    "applyed": false
}

Tests:

Lodash cloneDeep
const copy = _.cloneDeep(voucher);
Spread operator
const copy = { ...voucher };
Json Parse
const copy = JSON.parse(JSON.stringify(voucher));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Spread operator
Json Parse

Fastest: N/A

Slowest: N/A

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

LLMs can make mistakes. Check important info.

**Benchmark Explanation**

The provided JSON represents a JavaScript microbenchmarking test case on the MeasureThat.net website. The test compares three different approaches to create a deep copy of an object: using the `_.cloneDeep` function from Lodash, the spread operator (`{ ... }`), and JSON parsing.

Here's what each approach is tested:

1. **Lodash Clone Deep**: This method uses the `_.cloneDeep` function from Lodash to create a deep copy of the `voucher` object. `_.cloneDeep` recursively copies all properties of the original object, ensuring that nested objects are also copied.
2. **Spread Operator**: This method uses the spread operator (`{ ... }`) to create a shallow copy of the `voucher` object. When using the spread operator on an object, only the top-level properties are copied, and any nested objects are not copied unless they are explicitly cloned or copied using other methods.
3. **JSON Parse**: This method uses the `JSON.parse(JSON.stringify(voucher))` syntax to create a deep copy of the `voucher` object. This approach is often considered safe but can be slower than using Lodash's `_.cloneDeep`.

**Pros and Cons**

Here are some pros and cons of each approach:

* **Lodash Clone Deep**:
	+ Pros: Fast, reliable, and easy to use.
	+ Cons: Requires Lodash library, which may not be included in all environments.
* **Spread Operator**:
	+ Pros: Fast, lightweight, and widely supported.
	+ Cons: Only creates a shallow copy of the object, which may not be suitable for complex nested objects.
* **JSON Parse**:
	+ Pros: Safe and reliable, but can be slower than other approaches.
	+ Cons: Requires careful handling to avoid infinite recursion or errors.

**Library and Purpose**

The Lodash library is a popular JavaScript utility library that provides a wide range of functions for tasks such as array manipulation, string processing, and object cloning. In this benchmark, `_.cloneDeep` is used to create a deep copy of the `voucher` object.

**Special JS Features or Syntax**

This benchmark does not use any special JavaScript features or syntax, such as async/await, promises, or Web APIs like `fetch`.

**Alternative Approaches**

Other approaches for creating deep copies of objects include:

* Using the `Object.assign()` method with an empty object: `const copy = Object.assign({}, voucher);`
* Using a library like Immutable.js
* Implementing a custom recursive function to clone the object.

These alternative approaches may have different performance characteristics and trade-offs compared to using Lodash's `_.cloneDeep`.

Latest run results:

Run details: (Test run date: 2 years ago)

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

Browser/OS: Chrome 102 on Windows

View result in a separate tab

Test name	Executions per second
Lodash cloneDeep	234452.0 Ops/sec
Spread operator	5800238.0 Ops/sec
Json Parse	236320.4 Ops/sec

Related benchmarks:

cloneDeep vs spread object vs json (version: 0)

Comparing performance of: Lodash cloneDeep vs Spread operator vs Json Parse

Created: 3 years ago by: Guest

Jump to the latest result

Lodash cloneDeep

Spread operator

Json Parse

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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