Benchmark: Object Deep Copy (+customs)(+customs)

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 jsonDeepCopy(o) {
    return JSON.parse(JSON.stringify(o));
}

function customDeepCloneAegis(obj) {
    if (obj === null || typeof(obj) !== 'object' || 'isActiveClone' in obj) {
        return obj;
    }
    let temp;
    if (obj instanceof Date) {
        temp = new obj.constructor();
    } else {
        temp = obj.constructor();
    }
    for (const key in obj) {
        if (Object.prototype.hasOwnProperty.call(obj, key)) {
            obj.isActiveClone = null;
            temp[key] = customDeepCloneAegis(obj[key]);
            delete obj.isActiveClone;
        }
    }
    return temp;
}

function customDeepCloneAegisAllNew(obj) {
    if (obj === null || typeof(obj) !== 'object' || 'isActiveClone' in obj) {
        return obj;
    }
    const temp = new obj.constructor();
    for (const key in obj) {
        if (Object.prototype.hasOwnProperty.call(obj, key)) {
            obj.isActiveClone = null;
            temp[key] = customDeepCloneAegis(obj[key]);
            delete obj.isActiveClone;
        }
    }
    return temp;
}

function customDeepCloneAutobound(o) {
  let newO, i;

  if (typeof o !== 'object' || !o) return o;

  if (Object.prototype.toString.apply(o) === '[object Array]') {
    newO = [];
    for (i = 0; i < o.length; i += 1) {
      newO[i] = customDeepCloneAutobound(o[i]);
    }
    return newO;
  }

  newO = {}
  for (i in o) {
    // eslint-disable-next-line
    if (o.hasOwnProperty(i)) {
      newO[i] = customDeepCloneAutobound(o[i]);
    }
  }
  return newO;
}


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);
JSON Deep Copy
var dimensionsCopy = jsonDeepCopy(dimensions);
lodash clone
var dimensionsCopy = _.cloneDeep(dimensions);
customDeepCloneAegis
var dimensionsCopy = customDeepCloneAegis(dimensions);
customDeepCloneAutobound
var dimensionsCopy = customDeepCloneAutobound(dimensions);
customDeepCloneAegisAllNew
var dimensionsCopy = customDeepCloneAegisAllNew(dimensions);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Recursive Deep Copy
JSON Deep Copy
lodash clone
customDeepCloneAegis
customDeepCloneAutobound
customDeepCloneAegisAllNew

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

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

Browser/OS: Chrome 107 on Windows

View result in a separate tab

Test name	Executions per second
Recursive Deep Copy	272056.3 Ops/sec
JSON Deep Copy	37214.1 Ops/sec
lodash clone	18223.2 Ops/sec
customDeepCloneAegis	8341.9 Ops/sec
customDeepCloneAutobound	25715.7 Ops/sec
customDeepCloneAegisAllNew	10379.0 Ops/sec

Object Deep Copy (+customs)(+customs) (version: 0)

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

Comparing performance of: Recursive Deep Copy vs JSON Deep Copy vs lodash clone vs customDeepCloneAegis vs customDeepCloneAutobound vs customDeepCloneAegisAllNew

Created: one year ago by: Guest

Jump to the latest result

Recursive Deep Copy

JSON Deep Copy

lodash clone

customDeepCloneAegis

customDeepCloneAutobound

customDeepCloneAegisAllNew

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A