<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.2.0/lodash.min.js'></script>
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: [
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
{
a: {
a: [
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
{
a: {
a: 1
}
},
]
}
},
]
};
var myCopy = null;
myCopy = _.cloneDeep(MyObject);
myCopy = JSON.parse(JSON.stringify(MyObject));
--enable-precise-memory-info
flag.
Test case name | Result |
---|---|
Lodash cloneDeep | |
Json clone |
Test name | Executions per second |
---|---|
Lodash cloneDeep | 745.6 Ops/sec |
Json clone | 5523.9 Ops/sec |
The benchmark results show that JSON.parse(JSON.stringify(MyObject))
is significantly faster than _.cloneDeep(MyObject)
in this particular scenario.
Here's a breakdown:
This means the JSON clone method is roughly 7 times faster than Lodash's cloneDeep
in this case.
Important Considerations:
MyObject
. cloneDeep
is likely necessary. Let me know if you have any more questions or would like to explore specific use cases in more detail!