Benchmark: Clone deep - MeasureThat.net

HTML Preparation code:

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

Script Preparation code:

var arr = new Array(100000000).fill(0);

Tests:

spread
[...arr];
cloneDeep
_.cloneDeep(arr);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
spread
cloneDeep

Fastest: N/A

Slowest: N/A

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

LLMs can make mistakes. Check important info.

I'll break down what's being tested in the provided JSON benchmark.

**Benchmark Definition:**

The benchmark measures how fast two different methods can clone a large array (100 million elements) in JavaScript.

**Options Compared:**

Two options are compared:

1. **Spread Syntax (`[...arr]`)**: This method uses the spread operator to create a new array with the same elements as `arr`.
2. **_.cloneDeep() from Lodash library**: This method is part of the popular Lodash library, which provides utility functions for functional programming tasks. _.cloneDeep() creates a deep copy of an object or array.

**Pros and Cons:**

* **Spread Syntax ( `[...arr]` )**:
	+ Pros: concise, easy to read, and widely supported.
	+ Cons: can be slower due to the overhead of creating a new array.
* **_.cloneDeep() from Lodash library**:
	+ Pros: more efficient than spread syntax for large arrays or complex objects, and provides additional functionality (e.g., cloning nested objects).
	+ Cons: requires an external dependency (Lodash), can be slower due to the overhead of importing a library.

**Library:**

The `_.cloneDeep()` function is part of the Lodash library. Lodash provides various utility functions for functional programming tasks, such as array manipulation, object transformation, and more.

**Special JS Feature/Syntax:**

None mentioned in this benchmark.

**Benchmark Preparation Code:**

The script preparation code initializes an array `arr` with 100 million elements filled with zeros using the `Array.prototype.fill()` method. The HTML preparation code includes a link to include Lodash library in the benchmark.

**Alternative Approaches:**

Other alternatives for cloning arrays or objects might involve:

* Using `JSON.parse(JSON.stringify(arr))`: This method creates a deep copy of an object, but it can be slower and less efficient than spread syntax or _.cloneDeep().
* Implementing custom cloning logic using recursion or iteration.
* Utilizing modern JavaScript features like `Map` or `WeakMap` for creating clones.

Keep in mind that these alternatives might have different performance characteristics and may not be as concise or readable as the options being compared.

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:107.0) Gecko/20100101 Firefox/107.0

Browser/OS: Firefox 107 on Windows

View result in a separate tab

Test name	Executions per second
spread	0.4 Ops/sec
cloneDeep	0.2 Ops/sec

Related benchmarks:

Clone deep (version: 0)

Comparing performance of: spread vs cloneDeep

Created: 3 years ago by: Guest

Jump to the latest result

spread

cloneDeep

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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