Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Lodash cloneDeep vs structuredClone 2asdasdasrgdfg
(version: 0)
https://developer.mozilla.org/en-US/docs/Web/API/structuredClone
Comparing performance of:
Lodash cloneDeep vs Native structuredClone
Created:
2 years ago
by:
Guest
Jump to the latest result
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...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....', parse: 'JSON.parse() method parses a JSON string...', a: { 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);
Native structuredClone
myCopy = structuredClone(MyObject);
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
Lodash cloneDeep
Native structuredClone
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
2 years ago
)
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36 OPR/107.0.0.0
Browser/OS:
Opera 107 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=519852" width="100%" height="500px"></iframe>
Test name
Executions per second
Lodash cloneDeep
40230.9 Ops/sec
Native structuredClone
24562.0 Ops/sec
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
Let's dive into the benchmark. **Benchmark Definition** The benchmark is testing two approaches for creating a deep copy of an object: Lodash's `cloneDeep` function and the native Web API `structuredClone`. **Lodash cloneDeep** Lodash's `cloneDeep` function creates a deep copy of an object by recursively cloning its properties. The function uses a combination of JSON serialization and deserialization to create a new, independent copy of the original object. Pros: * Convenient and easy-to-use API * Works with a wide range of data structures, including objects, arrays, and more * Can handle complex nested structures Cons: * May not be as efficient as native Web APIs for very large or deeply nested objects * Requires Lodash to be included in the test environment (as shown in the HTML preparation code) **Native structuredClone** The `structuredClone` function is a new, experimental API introduced in ECMAScript 2022. It creates a deep copy of an object by serializing it into a binary format and then deserializing it back into a new object. Pros: * More efficient than Lodash's `cloneDeep` for very large or deeply nested objects * Native to Web APIs, eliminating the need for external libraries * Supports modern browsers with native support (not shown in the benchmark result) Cons: * Still an experimental API, which may lead to compatibility issues or errors * May not work as expected in older browsers or environments **Other considerations** The benchmark also compares the performance of `cloneDeep` and `structuredClone` on different platforms (Desktop Windows) and devices (Opera 107). In terms of alternative approaches, other options for creating deep copies include: * Using `JSON.parse(JSON.stringify(obj))`: This method can create a shallow copy of an object but can fail if the original object contains circular references or non-serializable properties. * Implementing your own recursive copying function: This approach provides full control over the copying process but requires more code and can be error-prone. Overall, the benchmark provides valuable insights into the performance differences between Lodash's `cloneDeep` and the native Web API `structuredClone`. The choice of approach depends on specific use cases and requirements.
Related benchmarks:
Lodash cloneDeep vs structuredClone deep array
Lodash cloneDeep vs structuredClone vs JSON Parse (deep object)
Lodash cloneDeep vs structuredClone vs JSON-JSON
Lodash cloneDeep vs structuredClone 2asdasdas
Comments
Confirm delete:
Do you really want to delete benchmark?