Benchmark: Lodash cloneDeep vs Lodash clone vs Array.slice() vs. Object.assign()

HTML Preparation code:

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

Script Preparation code:

var arr = ['one', 'two', 'three', {four: 'five'}];

Tests:

Lodash cloneDeep
var myCopy = _.cloneDeep(arr)
Lodash clone
var myCopy = _.clone(arr)
Array.slice()
var myCopy = arr.slice()
Object.assign()
var myCopy = Object.assign([], arr)

Historical Performance Data aggregated from 20 community runs

Desktop Results:

Chrome 20 runs

Array.slice()

23.8M/s

Lodash clone

8.7M/s

Lodash cloneDeep

1.5M/s

Object.assign()

1.3M/s

Fastest: Array.slice() (18.3x faster)

View exact numbers

✓ Array.slice(): 23,750,044 ops/sec
• Lodash clone: 8,701,175 ops/sec
• Lodash cloneDeep: 1,515,632 ops/sec
• Object.assign(): 1,299,554 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
Lodash clone
Array.slice()
Object.assign()

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 144 on Windows

View result in a separate tab

Array.slice()

48.4M/s

Lodash clone

26.2M/s

Lodash cloneDeep

1.5M/s

Object.assign()

1.2M/s

View exact numbers

Test name	Executions per second
✓ Array.slice()	48,397,316 Ops/sec
Lodash clone	26,218,288 Ops/sec
Lodash cloneDeep	1,534,158 Ops/sec
Object.assign()	1,233,628 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 and explain what is tested, the options compared, their pros and cons, and other considerations.

**What is being tested?**

The benchmark measures the performance difference between four methods to create a shallow copy of an array: Lodash `cloneDeep`, Lodash `clone`, Array `slice()`, and Object `assign()`.

**Options compared:**

1. **Lodash `cloneDeep`**: Creates a deep copy of the original object, which means all nested properties are recursively cloned.
2. **Lodash `clone`**: Creates a shallow copy of the original object, which means only the top-level properties are copied and not any nested objects.
3. **Array `slice()`**: Returns a new array that contains a subset of elements from the original array, without modifying the original array.
4. **Object `assign()`**: Returns a new object that is a shallow copy of the original object, which means only the top-level properties are copied and not any nested objects.

**Pros and Cons:**

* **Lodash `cloneDeep`**: Pros:
	+ Guarantees a deep copy of the original object.
	+ Suitable for complex data structures with nested objects.
Cons:
	+ Can be slower than other methods due to its recursive cloning process.
* **Lodash `clone`**: Pros:
	+ Faster than `cloneDeep` since it only copies top-level properties.
	+ Still a good choice when you need a shallow copy of an object.
Cons:
	+ May not work as expected if the original object has complex nested structures.
* **Array `slice()`**: Pros:
	+ Fast and efficient, especially for large arrays.
	+ Does not modify the original array.
Cons:
	+ Only creates a shallow copy of the array's elements, not its nested objects.
	+ May not work as expected if you need to preserve certain properties or data structures.
* **Object `assign()`**: Pros:
	+ Fast and efficient, especially for large objects.
	+ Does not modify the original object.
Cons:
	+ Only creates a shallow copy of the top-level properties, not any nested objects.

**Library used:**

The benchmark uses Lodash (a popular JavaScript utility library) for its `cloneDeep` and `clone` functions. The `assign` method is built-in to JavaScript.

**Special JS features or syntax:**

None mentioned in the provided JSON, but it's worth noting that Lodash `cloneDeep` uses a recursive function to clone objects, which might be slower than other methods for very large data structures.

**Alternatives:**

Other alternatives to create a shallow copy of an array or object include:

* Using the spread operator (`...`) in JavaScript (available from ES6 onwards): `const myCopy = [...arr];` or `const myCopy = { ...obj };`
* Utilizing libraries like Immutable.js, which provides a set of immutable data structures and utilities.
* Implementing custom cloning logic using JavaScript's built-in methods, such as `JSON.parse(JSON.stringify(obj))`.

Keep in mind that the performance differences between these alternatives may vary depending on the specific use case and data structure.

Lodash cloneDeep vs Lodash clone vs Array.slice() vs. Object.assign() (version: 0)

For times when a shallow copy is needed, what is the performance difference between these 3 methods.

Comparing performance of: `Lodash cloneDeep vs Lodash clone vs Array.slice() vs Object.assign()`

Created: 5 years ago by: Guest

Go to the latest result

Lodash cloneDeep

Lodash clone

Array.slice()

Object.assign()

Historical Performance Data aggregated from 20 community runs

Desktop Results:

Chrome 20 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 Lodash clone vs Array.slice() vs. Object.assign() (version: 0)

For times when a shallow copy is needed, what is the performance difference between these 3 methods.

Comparing performance of: Lodash cloneDeep vs Lodash clone vs Array.slice() vs Object.assign()

Created: 5 years ago by: Guest

Go to the latest result

Lodash cloneDeep

Lodash clone

Array.slice()

Object.assign()

Historical Performance Data aggregated from 20 community runs

Desktop Results:

Chrome 20 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 Lodash clone vs Array.slice() vs Object.assign()`