Benchmark: Lodash cloneDeep vs spread

HTML Preparation code:

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

Tests:

Lodash cloneDeep
myCopy = _.cloneDeep(MyObject);
Spread
myCopy = {...MyObject}

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 runs

Spread

7.0M/s

Lodash cloneDeep

874K/s

Fastest: Spread (8.0x faster)

View exact numbers

✓ Spread: 6,953,890 ops/sec
• Lodash cloneDeep: 873,577 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Spread

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/140.0.0.0 Safari/537.36

Browser/OS: Chrome 140 on Windows

View result in a separate tab

Spread

13.1M/s

Lodash cloneDeep

1.6M/s

View exact numbers

Test name	Executions per second
✓ Spread	13,120,452 Ops/sec
Lodash cloneDeep	1,644,758 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down the provided JSON data and explain what is being tested.

**Benchmark Definition**

The provided JSON data represents a benchmark test case, which consists of two test cases: `Lodash cloneDeep` and `Spread`. The benchmark is designed to compare the performance of two approaches for creating a deep copy of an object in JavaScript.

**Options Compared**

The two options being compared are:

1. **Lodash cloneDeep**: This method uses the Lodash library to create a deep copy of the input object.
2. **Spread operator (`...`)**: This is a syntax feature in modern JavaScript that allows you to create a new object by spreading an existing object's properties.

**Pros and Cons**

**Lodash cloneDeep**:

* Pros:
	+ Reliable and tested method for creating deep copies.
	+ Can handle complex objects with nested arrays and objects.
* Cons:
	+ Requires including the Lodash library, which may add overhead.
	+ May not be as efficient as the spread operator in some cases.

**Spread operator (`...`)**:

* Pros:
	+ Lightweight and does not require any additional libraries.
	+ Can be more efficient than Lodash cloneDeep for simple objects.
* Cons:
	+ Only works with objects, not arrays or other data types.
	+ May not handle complex objects correctly (e.g., circular references).

**Other Considerations**

When choosing between these two approaches, consider the following:

* If you need to create deep copies of complex objects, Lodash cloneDeep is a safer choice.
* If you're working with simple objects and performance is critical, the spread operator may be sufficient.

Now, let's discuss the libraries and features used in this benchmark:

**Lodash library**

The Lodash library provides a `cloneDeep` function that creates a deep copy of an object. The library is widely used and well-maintained, making it a reliable choice for creating deep copies.

**Spread operator ( syntax feature)**

The spread operator (`...`) is a built-in JavaScript syntax feature introduced in ECMAScript 2018. It allows you to create new objects by spreading existing object properties. This feature is lightweight and does not require any additional libraries, making it an attractive option for simple use cases.

**JavaScript features**

There are no special JavaScript features or syntax mentioned in this benchmark.

Lodash cloneDeep vs spread (version: 0) Benchmark.js

Comparing performance of: `Lodash cloneDeep vs Spread`

Created: 6 years ago by: Guest

Go to the latest result

Lodash cloneDeep

Spread

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Lodash cloneDeep vs spread (version: 0) Benchmark.js

Comparing performance of: Lodash cloneDeep vs Spread

Created: 6 years ago by: Guest

Go to the latest result

Lodash cloneDeep

Spread

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Related benchmarks

Comparing performance of: `Lodash cloneDeep vs Spread`