Benchmark: Lodash cloneDeep vs JSON Clone vs freeze and get - access a value

HTML Preparation code:

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

Script Preparation code:

var obj = {};
for (let i = 1; i <= 3000; i++) {
    obj[i] = i.toString();
}

Tests:

loadash
const myCopy = _.cloneDeep(obj); const value = myCopy[500];
json
const myCopy = JSON.parse(JSON.stringify(obj)); const value = myCopy[500];
freeze and get
const myCopy = Object.freeze(obj); const value = myCopy[500];

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
loadash
json
freeze and get

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

Browser/OS: Chrome 131 on Windows

View result in a separate tab

Test name	Executions per second
loadash	6336.6 Ops/sec
json	2339.7 Ops/sec
freeze and get	4580349.0 Ops/sec

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

LLMs can make mistakes. Check important info.

**Benchmark Overview**

MeasureThat.net is a website that allows users to create and run JavaScript microbenchmarks. The provided benchmark tests the performance of three approaches for accessing values in a deeply cloned object: Lodash's `cloneDeep`, JSON cloning, and freezing and getting.

**Approaches Compared**

1. **Lodash's `cloneDeep`**: This approach uses the `lodash.cloneDeep` function to create a deep copy of the original object.
2. **JSON Cloning**: This approach uses the `JSON.parse(JSON.stringify(obj))` method to create a deep clone of the original object.
3. **Freezing and Getting**: This approach freezes the original object using `Object.freeze()` and then accesses the value at index 500.

**Pros and Cons of Each Approach**

1. **Lodash's `cloneDeep`**:
	* Pros: Deep cloning is more flexible and can handle complex data structures, such as arrays with nested objects.
	* Cons: Lodash's cloneDeep function has a higher overhead due to its complexity and the need for additional dependencies.
2. **JSON Cloning**:
	* Pros: Simple and lightweight, making it suitable for small to medium-sized datasets.
	* Cons: Can be slower than `cloneDeep` due to the overhead of parsing JSON strings.
3. **Freezing and Getting**:
	* Pros: Fast and lightweight, with minimal dependencies required.
	* Cons: Only suitable for simple objects with a limited number of properties; freezing an object can lead to memory leaks if not used carefully.

**Library and Its Purpose**

In the benchmark, Lodash is a JavaScript library that provides various utility functions. The `cloneDeep` function is specifically designed to create deep copies of complex data structures.

**Special JS Feature or Syntax (None)**

There are no special features or syntaxes being tested in this benchmark.

**Other Considerations**

* In general, when working with large datasets, deep cloning can be slower due to the overhead of creating a new copy. However, `cloneDeep` provides more flexibility and is suitable for complex data structures.
* JSON cloning is simple but may not be as efficient as `cloneDeep`. It's suitable for small to medium-sized datasets.
* Freezing an object can lead to memory leaks if not used carefully, so it should only be used when necessary.

**Alternatives**

Other alternatives for deep cloning in JavaScript include:

1. `Array.prototype.slice.call()`: Creates a shallow copy of the original array.
2. `Object.assign()`: Creates a new object with copies of the properties from the original object.
3. `structuredClone()`: A relatively new function introduced in ECMAScript 2020, designed to create deep clones of complex data structures.

Note that these alternatives may not be as efficient or flexible as Lodash's `cloneDeep` function.

Related benchmarks:

Lodash cloneDeep vs JSON Clone vs freeze and get - access a value (version: 0)

Comparing performance of: loadash vs json vs freeze and get

Created: 2 years ago by: Guest

Jump to the latest result

loadash

json

freeze and get

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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