Benchmark: JS deep copy obj test2

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Script Preparation code:

var obj = [true, [1, 2, 3, 4, 5, 6, 7, 8, 9], "true", [], {}, {
    "$type": "PolygonStyleSettings",
    "defaultStyle": {
        "$type": "PolygonStyle",
        "line": {
            "color": 4278190080,
            "endCap": 2,
            "join": 0,
            "width": 1.0
        }
    },
    "labelSettings": {
        "enabled": false,
        "labelAttrs": ["NAME_1"],
        "labelComponents": ["{{NAME_1}}"],
        "labelTemplate": "{{NAME_1}}",
        "labelling": "OPTIMIZED"
    }
}];

Tests:

spread ...
// Deep copies: true, 1, "true" // Shallow copies: [], {}, function () {} const obj2 = { ...obj };
esDeepClone2
function esDeepClone2(obj) { // Handle the 3 simple types, and null or undefined if (null == obj || "object" != typeof obj) { return obj; } // Handle Number if (obj instanceof Number) { return JSON.parse(JSON.stringify(obj)); // converts back to primitive type } // Handle Date if (obj instanceof Date) { const copy = new Date(); copy.setTime(obj.getTime()); return copy; } // Handle Array if (obj instanceof Array) { const copy = []; for (let i = 0, len = obj.length; i < len; i++) { copy[i] = esDeepClone2(obj[i]); } return copy; } // Handle Object if (obj instanceof Object) { const copy = {}; for (let attr in obj) { if (obj.hasOwnProperty(attr)) copy[attr] = esDeepClone2(obj[attr]); } return copy; } // fallback, should never happen // console.trace() return JSON.parse(JSON.stringify(obj)); } // Deep copies: true, 1, "true" // Shallow copies: [], {}, function () {} const obj2 = esDeepClone2(obj);
JSON.parse(JSON.stringify())
// Deep copies: true, 1, "true", [], {} // Shallow copies: function () {} const obj2 = JSON.parse(JSON.stringify(obj));
Custom function
function copy(aObject) { // Prevent undefined objects // if (!aObject) return aObject; let bObject = Array.isArray(aObject) ? [] : {}; let value; for (const key in aObject) { // Prevent self-references to parent object // if (Object.is(aObject[key], aObject)) continue; value = aObject[key]; bObject[key] = (typeof value === "object") ? copy(value) : value; } return bObject; } // Deep copies: true, 1, "true", [], {}, function () {} const obj2 = copy(obj);
Lodash.cloneDeep()
// Deep copies: true, 1, "true", [], {}, function () {} const obj2 = _.cloneDeep(obj);
jQuery.extend(true)
// Deep copies: true, 1, "true", [], {}, function () {} const obj2 = jQuery.extend(true, {}, obj);
Object.assign
const obj2 = Object.assign({}, obj);
chatGptDeepClone
function chatGptDeepClone(obj) { if (obj === null || typeof obj !== 'object') { return obj; } let clone = Array.isArray(obj) ? [] : {}; for (let key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { clone[key] = chatGptDeepClone(obj[key]); } } return clone; } const obj2 = chatGptDeepClone({}, obj);
structuredClone
const obj2 = structuredClone(obj);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
spread ...
esDeepClone2
JSON.parse(JSON.stringify())
Custom function
Lodash.cloneDeep()
jQuery.extend(true)
Object.assign
chatGptDeepClone
structuredClone

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

Browser/OS: Chrome 118 on Windows

View result in a separate tab

Test name	Executions per second
spread ...	1075314.5 Ops/sec
esDeepClone2	271169.3 Ops/sec
JSON.parse(JSON.stringify())	329719.3 Ops/sec
Custom function	322793.2 Ops/sec
Lodash.cloneDeep()	248310.8 Ops/sec
jQuery.extend(true)	229786.8 Ops/sec
Object.assign	913262.8 Ops/sec
chatGptDeepClone	6703405.5 Ops/sec
structuredClone	178575.3 Ops/sec

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

LLMs can make mistakes. Check important info.

I'll provide the answer.

It appears that the provided benchmark results are for various JavaScript cloning functions, including:

1. `chatGptDeepClone`
2. `spread` (not explicitly mentioned in the code snippet, but presumably related to the spread operator)
3. `Object.assign`
4. `JSON.parse(JSON.stringify())`
5. A custom function
6. `esDeepClone2`
7. `Lodash.cloneDeep()`
8. `jQuery.extend(true)`

The benchmark results show that each function has a different number of executions per second, with the fastest being `Object.assign` and the slowest being `JSON.parse(JSON.stringify())`.

To answer your question without seeing the code snippet, I can provide some general information about JavaScript cloning functions:

* `Object.assign()` is a built-in method in JavaScript that creates a new object by copying elements from an existing object.
* `JSON.parse(JSON.stringify(obj))` uses JSON serialization to create a deep copy of an object. However, this approach has its own limitations and may not be suitable for all use cases.
* Custom functions (e.g., the custom function mentioned in the benchmark results) can also be used to create clones of objects, but their performance may vary depending on the implementation.
* `Lodash.cloneDeep()` is a popular utility library that provides a robust deep cloning function.
* `esDeepClone2` appears to be a custom implementation of a deep cloning function.

If you'd like more specific information about the code snippet or the benchmark results, please provide additional context.

Related benchmarks:

JS deep copy obj test2 (version: 0)

Comparing performance of: spread ... vs esDeepClone2 vs JSON.parse(JSON.stringify()) vs Custom function vs Lodash.cloneDeep() vs jQuery.extend(true) vs Object.assign vs chatGptDeepClone vs structuredClone

Created: one year ago by: Guest

Jump to the latest result

spread ...

esDeepClone2

JSON.parse(JSON.stringify())

Custom function

Lodash.cloneDeep()

jQuery.extend(true)

Object.assign

chatGptDeepClone

structuredClone

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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