Benchmark: deep clone JSON - MeasureThat.net

HTML Preparation code:

<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.min.js"></script>
<script src='https://cdn.jsdelivr.net/npm/lodash@4.17.10/lodash.min.js'></script>

Tests:

json stringify
var obj = {a: "hello", c: "test", po: 33, arr: [1, 2, 3, 4], anotherObj: {a: 33, str: "whazzup"}}; var obj2 = JSON.parse(JSON.stringify(obj));
lodash deep clone
var obj = {a: "hello", c: "test", po: 33, arr: [1, 2, 3, 4], anotherObj: {a: 33, str: "whazzup"}}; var obj2 = _.clone(obj, true);
Object.assign
var obj = {a: "hello", c: "test", po: 33, arr: [1, 2, 3, 4], anotherObj: {a: 33, str: "whazzup"}}; var obj2 = Object.assign({}, obj);
Ramda clone
var obj = {a: "hello", c: "test", po: 33, arr: [1, 2, 3, 4], anotherObj: {a: 33, str: "whazzup"}}; var obj2 = R.clone(obj, true);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
json stringify
lodash deep clone
Object.assign
Ramda clone

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 64 on Windows 7

View result in a separate tab

Test name	Executions per second
json stringify	286890.1 Ops/sec
lodash deep clone	910621.8 Ops/sec
Object.assign	825806.9 Ops/sec
Ramda clone	352255.1 Ops/sec

Autogenerated LLM Summary (model gemma2:9b, generated 2 months ago):

LLMs can make mistakes. Check important info.

This benchmark compares different methods for creating a deep copy of a JavaScript object.

**Options Compared:**

* **`JSON.stringify()` and `JSON.parse()`**: This method serializes the object into a JSON string, then parses it back into an object. While simple, it can be inefficient for large or complex objects.
* **`lodash.clone(obj, true)`**:  Lodash is a popular JavaScript utility library. Its `clone()` function creates a deep copy of an object, ensuring that nested objects are also copied recursively. 
* **`Object.assign({}, obj)`**: This method creates a new object and copies the properties of the original object into it. However, it doesn't create deep copies by default; nested objects will reference the originals. 
* **`R.clone(obj, true)`**: Ramda is another functional programming library for JavaScript. Its `clone()` function, similar to Lodash's, creates a deep copy of an object.

**Pros and Cons:**

| Method          | Pros                                               | Cons                                                  |
|-----------------|----------------------------------------------------|---------------------------------------------------------|
| JSON.stringify | Simple, widely supported                     | Can be slow for large objects, doesn't preserve functions |
| Lodash         | Fast, reliable deep cloning                     | Requires an external library                              |
| Object.assign   | Built-in, concise                           | Shallow copy by default, might modify nested objects     |
| Ramda          | Functional programming paradigm, reliable deep cloning | Requires an external library                              |

**Other Considerations:**

* **Performance**: The benchmark results show that `lodash.clone` is the fastest method for this specific use case. 
* **Library Dependency**: Using Lodash or Ramda adds a dependency to your project.
* **Readability**: `Object.assign` might be more readable for simple cases, but it's easy to accidentally create shallow copies.

**Alternatives:**

Besides the methods listed in the benchmark, other options exist:

* **Manually Copying Objects**: You could write your own recursive function to copy objects deeply. This gives you complete control but can be more complex.
* **`structuredClone()`**: A newer API (available in modern browsers) that provides efficient deep cloning for most objects.

Let me know if you have any other questions about this benchmark or JavaScript object cloning!

Related benchmarks:

deep clone JSON (version: 0)

Comparing performance of: json stringify vs lodash deep clone vs Object.assign vs Ramda clone

Created: 6 years ago by: Guest

Jump to the latest result

json stringify

lodash deep clone

Object.assign

Ramda clone

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model gemma2:9b, generated 2 months ago):