Benchmark: Lodash cloneDeep vs JSON Clone 121212121

HTML Preparation code:

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

Script Preparation code:

var MyObject = {"author":{},"attrs":{"author_name":null},"event_question_id":4175637,"event_id":423443,"event_section_id":489248,"text":"TESTUJEMEMEEEEEEEEEEE","is_public":false,"is_answered":false,"is_highlighted":false,"is_anonymous":true,"is_bookmarked":false,"score":0,"score_positive":0,"score_negative":0,"date_published":null,"date_highlighted":null,"path":"/questions","date_created":"2018-04-12T14:29:51.000Z","date_updated":"2018-04-12T14:29:51.000Z","date_deleted":null,"media":[]};

var myCopy = null;

Tests:

Lodash cloneDeep
myCopy = _.cloneDeep(MyObject);
Json clone
myCopy = JSON.parse(JSON.stringify(MyObject));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Json clone

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 72 on Windows

View result in a separate tab

Test name	Executions per second
Lodash cloneDeep	138530.4 Ops/sec
Json clone	116684.1 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark definition and test cases to understand what is being tested.

**Benchmark Definition**

The benchmark consists of two individual test cases:

1. **Lodash CloneDeep**: This test case measures the performance of using `_.cloneDeep` from Lodash to create a deep copy of an object (`MyObject`). Lodash is a popular JavaScript library that provides a collection of useful functions for functional programming.
2. **Json Clone**: This test case measures the performance of creating a deep clone of `MyObject` using `JSON.parse(JSON.stringify(MyObject))`. This approach relies on the JSON.stringify method to serialize the object and then parsing it back into an object.

**What is tested**

In both test cases, we're testing how quickly each approach can create a new copy of the original `MyObject` without modifying the original data. The benchmark measures the number of executions per second (ExecutionsPerSecond) for each browser and device platform.

**Options compared**

The two options being compared are:

1. **Lodash CloneDeep**: Uses the `_.cloneDeep` function from Lodash to create a deep copy of the object.
2. **Json Clone**: Uses `JSON.parse(JSON.stringify(MyObject))` to create a deep clone of the object.

**Pros and Cons**

Here's a brief summary of each approach:

1. **Lodash CloneDeep**:
	* Pros: More efficient, as it uses an optimized implementation that can handle complex data structures.
	* Cons: Requires Lodash library to be included in the script, which may add extra overhead.
2. **Json Clone**:
	* Pros: Lightweight and simple, doesn't require any external libraries.
	* Cons: Can be slower for large objects or complex data structures due to the stringification and parsing process.

**Library used**

In both test cases, Lodash is used as a library to provide the `_.cloneDeep` function. Lodash's `cloneDeep` function is designed to create deep copies of objects, which can be useful in various scenarios, such as object merging or data transformation.

**Special JS feature or syntax**

There are no special JavaScript features or syntax mentioned in this benchmark. Both test cases use standard JavaScript syntax and libraries (Lodash).

**Other alternatives**

If you're looking for alternative approaches to create a deep clone of an object without using Lodash, you could consider:

1. **Recursive function**: Create a recursive function that traverses the object's properties and creates new copies of each value.
2. **Object.assign()**: Use `Object.assign()` to merge a copy of the original object with itself, effectively creating a new copy.

Keep in mind that these alternatives might not be as efficient or reliable as Lodash's `cloneDeep` function, especially for complex data structures.

In summary, this benchmark compares two approaches to create a deep clone of an object: using Lodash's `_.cloneDeep` function versus `JSON.parse(JSON.stringify(MyObject))`. The choice between these options depends on the specific requirements and constraints of your project.

Related benchmarks:

Lodash cloneDeep vs JSON Clone 121212121 (version: 0)

Comparing performance of: Lodash cloneDeep vs Json clone

Created: 6 years 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 2 months ago):