Run results for: Custom deep clone functions benchmark

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:122.0) Gecko/20100101 Firefox/122.0

Browser: Firefox 122

Operating system: Linux

Device Platform: Desktop

Date tested: 9 months ago

Test name	Executions per second
Recursive Deep Copy	2247144.8 Ops/sec
Tiago Deep Copy	36263.9 Ops/sec
Structured Clone	69215.2 Ops/sec
lodash clone	30618.3 Ops/sec

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.js"></script> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

Script Preparation code:

function recursiveDeepCopy(obj) {
    return Object.keys(obj).reduce((v, d) => Object.assign(v, {
        [d]: (obj[d].constructor === Object) ? recursiveDeepCopy(obj[d]) : obj[d]
    }), {});
}

function otherRecursiveDeepCopy(source) {
   return Array.isArray(source) ?
        source.map((item) => otherRecursiveDeepCopy(item)) :
        source instanceof Date ?
        new Date(source.getTime()) :
        source && typeof source === 'object' ?
        Object.getOwnPropertyNames(source).reduce(
            (o, prop) => {
                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                Object.defineProperty(o, prop, Object.getOwnPropertyDescriptor(source, prop));
                o[prop] = otherRecursiveDeepCopy((source)[prop]);
                return o;
            },
            // This creates a new Object from the source, pointing to the same prototype of the source object
            Object.create(Object.getPrototypeOf(source))
        ) :
        source;
}

function jsonDeepCopy(o) {
    return JSON.parse(JSON.stringify(o));
}

var dimensions = [{
    "dimensions": [{
        "runtime": {
            "common": {
                "client": null,
                "server": null
            }
        }
    }, {
        "device": {
            "android": null,
            "blackberry": null,
            "iemobile": null,
            "iphone": null,
            "ipad": null,
            "kindle": null,
            "opera-mini": null,
            "palm": null
        }
    }, {
        "environment": {
            "development": {
                "dev": null,
                "test": null
            },
            "production": {
                "stage": null,
                "prod": null
            }
        }
    }, {
        "lang": {
            "ar": {
                "ar-JO": null,
                "ar-MA": null,
                "ar-SA": null,
                "ar-EG": null
            },
            "bn": {
                "bn-IN": null
            },
            "ca": {
                "ca-ES": null
            },
            "cs": {
                "cs-CZ": null
            },
            "da": {
                "da-DK": null
            },
            "de": {
                "de-AT": null,
                "de-DE": null
            },
            "el": {
                "el-GR": null
            },
            "en": {
                "en-AU": null,
                "en-BG": null,
                "en-CA": null,
                "en-GB": null,
                "en-GY": null,
                "en-HK": null,
                "en-IE": null,
                "en-IN": null,
                "en-MY": null,
                "en-NZ": null,
                "en-PH": null,
                "en-SG": null,
                "en-US": null,
                "en-ZA": null
            },
            "es": {
                "es-AR": null,
                "es-BO": null,
                "es-CL": null,
                "es-CO": null,
                "es-EC": null,
                "es-ES": null,
                "es-MX": null,
                "es-PE": null,
                "es-PY": null,
                "es-US": null,
                "es-UY": null,
                "es-VE": null
            },
            "fi": {
                "fi-FI": null
            },
            "fr": {
                "fr-BE": null,
                "fr-CA": null,
                "fr-FR": null,
                "fr-GF": null
            },
            "hi": {
                "hi-IN": null
            },
            "hu": {
                "hu-HU": null
            },
            "id": {
                "id-ID": null
            },
            "it": {
                "it-IT": null
            },
            "ja": {
                "ja-JP": null
            },
            "kn": {
                "kn-IN": null
            },
            "ko": {
                "ko-KR": null
            },
            "ml": {
                "ml-IN": null
            },
            "mr": {
                "mr-IN": null
            },
            "ms": {
                "ms-MY": null
            },
            "nb": {
                "nb-NO": null
            },
            "nl": {
                "nl-BE": null,
                "nl-NL": null,
                "nl-SR": null
            },
            "pl": {
                "pl-PL": null
            },
            "pt": {
                "pt-BR": null
            },
            "ro": {
                "ro-RO": null
            },
            "ru": {
                "ru-RU": null
            },
            "sv": {
                "sv-SE": null
            },
            "ta": {
                "ta-IN": null
            },
            "te": {
                "te-IN": null
            },
            "th": {
                "th-TH": null
            },
            "tr": {
                "tr-TR": null
            },
            "vi": {
                "vi-VN": null
            },
            "zh": {
                "zh-Hans": {
                    "zh-Hans-CN": null
                },
                "zh-Hant": {
                    "zh-Hant-HK": null,
                    "zh-Hant-TW": null
                }
            }
        }
    }]
}]

Tests:

Recursive Deep Copy
var dimensionsCopy = recursiveDeepCopy(dimensions);
Tiago Deep Copy
var dimensionsCopy = otherRecursiveDeepCopy(dimensions);
Structured Clone
var dimensionsCopy = structuredClone(dimensions)
lodash clone
var dimensionsCopy = _.cloneDeep(dimensions);

Run results for: Custom deep clone functions benchmark

Produce a deep copy of a Javascript object where nested objects are not simply references to the originals.

Recursive Deep Copy

Tiago Deep Copy

Structured Clone

lodash clone