Benchmark: Lodash cloneDeep vs freeze

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);
freeze
function deepFreeze(object) { // Retrieve the property names defined on object var propNames = Object.getOwnPropertyNames(object); // Freeze properties before freezing self for (let name of propNames) { let value = object[name]; object[name] = value && typeof value === "object" ? deepFreeze(value) : value; } return Object.freeze(object); } myCopy = deepFreeze(MyObject)

Historical Performance Data aggregated from 20 community runs

Desktop Results:

Chrome 20 runs

Lodash cloneDeep

1.5M/s

freeze

440K/s

Fastest: Lodash cloneDeep (3.5x faster)

View exact numbers

✓ Lodash cloneDeep: 1,524,129 ops/sec
• freeze: 439,560 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
freeze

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Browser/OS: Chrome 137 on Mac OS X 10.15.7

View result in a separate tab

Lodash cloneDeep

2.1M/s

freeze

822K/s

View exact numbers

Test name	Executions per second
✓ Lodash cloneDeep	2,096,650 Ops/sec
freeze	822,164 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 benchmark and its components.

**Benchmark Purpose:**
The purpose of this benchmark is to compare the performance of two approaches for creating a deep copy of an object in JavaScript:

1. Using Lodash's `cloneDeep` function.
2. Implementing a custom `deepFreeze` function using the `Object.freeze` method.

**Options Compared:**

* **Lodash's cloneDeep**: This option uses the popular utility library Lodash to create a deep copy of the object. Lodash provides a convenient and efficient way to perform cloning operations.
* **Custom deep Freeze**: This option implements a custom function, `deepFreeze`, which recursively freezes all properties of an object using `Object.freeze`. This approach provides more control over the freezing process but might be less efficient than using a library like Lodash.

**Pros and Cons:**

* **Lodash's cloneDeep**:
	+ Pros:
		- Easy to use and well-maintained.
		- Provides a reliable and efficient way to create deep copies.
		- Well-tested and widely used in the JavaScript community.
	+ Cons:
		- Requires including an additional library (Lodash) in the test environment.
		- Might introduce unnecessary overhead due to the size of the library.
* **Custom deep Freeze**:
	+ Pros:
		- Provides more control over the freezing process, which can be beneficial for specific use cases.
		- Does not require including an additional library in the test environment.
	+ Cons:
		- Requires implementing and maintaining the custom function.
		- Might introduce performance overhead due to the complexity of the implementation.

**Library:**
Lodash is a popular JavaScript utility library that provides a wide range of functions for tasks such as array manipulation, object transformation, and string processing. The `cloneDeep` function is specifically designed to create deep copies of objects or arrays, ensuring that all nested properties are also cloned.

**JavaScript Feature/Syntax:**
This benchmark does not use any special JavaScript features or syntax beyond the standard language features provided by ECMAScript. It only uses functional programming concepts such as object cloning and freezing.

**Alternative Approaches:**

* **Other cloning libraries**: There are other cloning libraries available for JavaScript, such as `lodash.extend` or `fast-copied-array`. These libraries might offer different trade-offs in terms of performance, readability, and complexity.
* **Native implementation**: In some cases, developers can implement their own cloning functions using native JavaScript methods, such as `JSON.parse(JSON.stringify(obj))` for objects. However, this approach can be less efficient and more error-prone than using a well-maintained library like Lodash.
* **Custom implementation with recursion**: As seen in the custom `deepFreeze` function, developers can implement their own cloning functions using recursive approaches. This approach provides fine-grained control but might introduce performance overhead due to the complexity of the implementation.

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

Comparing performance of: `Lodash cloneDeep vs freeze`

Created: 6 years ago by: Guest

Go to the latest result

Lodash cloneDeep

freeze

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 freeze (version: 0) Benchmark.js

Comparing performance of: Lodash cloneDeep vs freeze

Created: 6 years ago by: Guest

Go to the latest result

Lodash cloneDeep

freeze

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 freeze`