Benchmark: DeepFreeze vs Lodash cloneDeep vs JSON Clone

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<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;


function deepFreeze(obj){
    if (obj && typeof obj === "object" && !Object.isFrozen(obj)) {
        Object.freeze(obj);
        Object.getOwnPropertyNames(obj).forEach(prop => deepFreeze(obj[prop]));
    }
    return obj;
};

Tests:

Lodash cloneDeep
myCopy = _.cloneDeep(MyObject);
Json clone
myCopy = JSON.parse(JSON.stringify(MyObject));
Deep Freeze
myCopy = deepFreeze(MyObject);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Json clone
Deep Freeze

Fastest: N/A

Slowest: N/A

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

LLMs can make mistakes. Check important info.

**Benchmark Overview**

The provided benchmark compares the performance of three methods for creating a deep copy of an object in JavaScript: `lodash.cloneDeep`, `JSON.parse(JSON.stringify())`, and `deepFreeze()`.

**Options Compared**

1. **Lodash cloneDeep**: This method uses Lodash's `cloneDeep` function to create a deep copy of the input object.
2. **JSON.parse(JSON.stringify())**: This method uses the built-in `JSON` methods to convert the input object to a JSON string and then parse it back into an object, effectively creating a deep copy.
3. **Deep Freeze**: This method uses the `Object.freeze()` method to freeze the input object in place, making subsequent modifications throw a `TypeError`. The function then recursively freezes all properties of the object using `Object.getOwnPropertyNames()`, ensuring that any nested objects are also frozen.

**Pros and Cons**

*   **Lodash cloneDeep**:
    *   Pros: Fast and efficient, handles complex data structures well.
    *   Cons: Requires an external library (Lodash), may have additional dependencies.
*   **JSON.parse(JSON.stringify())**:
    *   Pros: Built-in method, easy to use.
    *   Cons: Can be slower than dedicated cloning libraries like Lodash, may fail for circular references or non-serializable objects.
*   **Deep Freeze**:
    *   Pros: Fast and efficient, handles recursive data structures well, doesn't require any external dependencies.
    *   Cons: Can be brittle if the input object has properties with unexpected behaviors, requires manual handling of array elements.

**Library and Purpose**

1.  **Lodash**: A popular JavaScript utility library that provides various functions for tasks like cloning, sorting, filtering, and more. `cloneDeep` is a specific function designed to create deep copies of objects.
2.  **JSON**: The built-in JavaScript object that represents data in a format that can be easily parsed by humans and machines.

**Special JS Feature or Syntax**

None mentioned in the benchmark definition.

**Alternative Approaches**

Other methods for creating deep copies of objects in JavaScript include:

1.  Using `Array.prototype.slice()` to create shallow arrays, which can then be used with `JSON.parse(JSON.stringify())` to create a deeper copy.
2.  Implementing your own custom cloning function that iterates over the object's properties and recursively clones any nested objects or arrays.

Keep in mind that the best approach depends on the specific requirements of your project and the complexity of the data being cloned.

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

Browser/OS: Chrome 112 on Windows

View result in a separate tab

Test name	Executions per second
Lodash cloneDeep	1447066.4 Ops/sec
Json clone	762074.8 Ops/sec
Deep Freeze	6355377.0 Ops/sec

Related benchmarks:

DeepFreeze vs Lodash cloneDeep vs JSON Clone (version: 0)

Comparing performance of: Lodash cloneDeep vs Json clone vs Deep Freeze

Created: one year ago by: Guest

Jump to the latest result

Lodash cloneDeep

Json clone

Deep Freeze

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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