Benchmark: Lodash.cloneDeep vs native structuredClone [Krosnoz]

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></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,
  myObject: {
    stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....',
    parse: 'JSON.parse() method parses a JSON string...'
  }
};

Tests:

Lodash cloneDeep
var myCopy = _.cloneDeep(MyObject);
Native strucutredClone
var myCopy = structuredClone(MyObject);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Native strucutredClone

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

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

LLMs can make mistakes. Check important info.

**Overview**

The provided JSON represents a JavaScript microbenchmark test case on MeasureThat.net, comparing the performance of two approaches: Lodash's `cloneDeep` function and the native `structuredClone` method in modern browsers.

**What is tested?**

Two individual test cases are measured:

1. **Lodash cloneDeep**: This test case uses the `_.cloneDeep` function from the Lodash library to create a deep copy of an object (`MyObject`). The purpose of this test is to evaluate the performance of the `cloneDeep` function.
2. **Native structuredClone**: This test case uses the native `structuredClone` method (available in modern browsers) to create a deep copy of the same `MyObject`. The purpose of this test is to evaluate the performance of the native method.

**Options compared**

The two options being compared are:

* **Lodash cloneDeep**: A library function that creates a deep copy of an object.
	+ Pros: Well-established, widely-used library with good documentation and support.
	+ Cons: Requires an additional dependency (the Lodash library), may introduce overhead due to the extra function call.
* **Native structuredClone**: A built-in method in modern browsers for creating a deep copy of objects.
	+ Pros: Built-in method reduces dependencies and potential overhead, is widely supported by modern browsers.
	+ Cons: Limited support on older browsers, may not be as well-understood or maintained.

**Pros and cons**

The choice between Lodash's `cloneDeep` function and the native `structuredClone` method depends on various factors:

* **Performance**: Native `structuredClone` is likely to be faster due to its reduced overhead and built-in implementation.
* **Dependencies**: If you need to support older browsers or want to minimize dependencies, the native `structuredClone` method might be a better choice.
* **Maintainability**: Lodash's `cloneDeep` function has good documentation and support, making it easier to understand and maintain.

**Library: Lodash**

Lodash is a popular JavaScript library that provides a wide range of utility functions. The `cloneDeep` function is one of its most useful utilities for creating deep copies of objects.

**Native structuredClone method**

The native `structuredClone` method was introduced in modern browsers (specifically, Chrome 104) and allows for efficient creation of deep copies of objects without the need for a separate library. This method is designed to replace or augment existing copy methods in the browser.

**Special JS feature or syntax: None mentioned**

There are no special JavaScript features or syntax used in this benchmark that would require explanation beyond its basic usage.

**Alternatives**

If you're looking for alternative approaches to deep copying objects, you might consider:

* Using a library like Immer or React's `useMemo` hook.
* Implementing a simple recursive function to create a copy of an object.
* Using a different cloning method, such as JSON.parse(JSON.stringify(object)) (although this may not be suitable for all use cases).

Keep in mind that the choice of approach depends on your specific requirements and constraints.

Related benchmarks:

Lodash.cloneDeep vs native structuredClone [Krosnoz] (version: 0)

Comparing performance of: Lodash cloneDeep vs Native strucutredClone

Created: 3 years ago by: Registered User

Jump to the latest result

Lodash cloneDeep

Native strucutredClone

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results

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