Run results for: JS deep copy obj test

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Browser: Chrome 120

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 10 months ago

Test name	Executions per second
spread ...	868695.6 Ops/sec
esDeepClone2	228574.2 Ops/sec
JSON.parse(JSON.stringify())	294144.7 Ops/sec
Custom function	272833.4 Ops/sec
Lodash.cloneDeep()	216359.9 Ops/sec
jQuery.extend(true)	195583.3 Ops/sec
Object.assign	817490.1 Ops/sec
chatGptDeepClone	6165695.0 Ops/sec

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", [], {}, function() {}, {
    "$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);

Run results for: JS deep copy obj test

spread ...

esDeepClone2

JSON.parse(JSON.stringify())

Custom function

Lodash.cloneDeep()

jQuery.extend(true)

Object.assign

chatGptDeepClone