Run results for: Lodash cloneDeep vs structuredClone vs recursiveDeepCopy vs JSON clone more complex object

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 15_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 15

Operating system: iOS 15.4.1

Device Platform: Mobile

Date tested: 2 years ago

Test name	Executions per second
Lodash cloneDeep	31724.7 Ops/sec
Native structuredClone	41866.2 Ops/sec
recursiveDeepCopy	52919.1 Ops/sec
Json Clone	46822.4 Ops/sec

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

var MyObject = {
    "meta": {
        "totalPages": 13
    },
    "data": [{
        "type": "articles",
        "id": "3",
        "attributes": {
            "title": "JSON:API paints my bikeshed!",
            "body": "The shortest article. Ever.",
            "created": "2015-05-22T14:56:29.000Z",
            "updated": "2015-05-22T14:56:28.000Z"
        }
    }, {
        "type": "articles",
        "id": "3",
        "attributes": {
            "title": "JSON:API paints my bikeshed!",
            "body": "The shortest article. Ever.",
            "created": "2015-05-22T14:56:29.000Z",
            "updated": "2015-05-22T14:56:28.000Z"
        }
    }, {
        "type": "articles",
        "id": "3",
        "attributes": {
            "title": "JSON:API paints my bikeshed!",
            "body": "The shortest article. Ever.",
            "created": "2015-05-22T14:56:29.000Z",
            "updated": "2015-05-22T14:56:28.000Z"
        }
    }],
    "nested": {
        "meta": {
            "totalPages": 13
        },
        "data": [{
            "type": "articles",
            "id": "3",
            "attributes": {
                "title": "JSON:API paints my bikeshed!",
                "body": "The shortest article. Ever.",
                "created": "2015-05-22T14:56:29.000Z",
                "updated": "2015-05-22T14:56:28.000Z"
            },
            nested: {
                "meta": {
                    "totalPages": 13
                },
                "data": [{
                    "type": "articles",
                    "id": "3",
                    "attributes": {
                        "title": "JSON:API paints my bikeshed!",
                        "body": "The shortest article. Ever.",
                        "created": "2015-05-22T14:56:29.000Z",
                        "updated": "2015-05-22T14:56:28.000Z"
                    }
                }, {
                    "type": "articles",
                    "id": "3",
                    "attributes": {
                        "title": "JSON:API paints my bikeshed!",
                        "body": "The shortest article. Ever.",
                        "created": "2015-05-22T14:56:29.000Z",
                        "updated": "2015-05-22T14:56:28.000Z"
                    }
                }, {
                    "type": "articles",
                    "id": "3",
                    "attributes": {
                        "title": "JSON:API paints my bikeshed!",
                        "body": "The shortest article. Ever.",
                        "created": "2015-05-22T14:56:29.000Z",
                        "updated": "2015-05-22T14:56:28.000Z"
                    }
                }],
                "nested": {
                    "meta": {
                        "totalPages": 13
                    },
                    "data": [{
                        "type": "articles",
                        "id": "3",
                        "attributes": {
                            "title": "JSON:API paints my bikeshed!",
                            "body": "The shortest article. Ever.",
                            "created": "2015-05-22T14:56:29.000Z",
                            "updated": "2015-05-22T14:56:28.000Z"
                        }
                    }, {
                        "type": "articles",
                        "id": "3",
                        "attributes": {
                            "title": "JSON:API paints my bikeshed!",
                            "body": "The shortest article. Ever.",
                            "created": "2015-05-22T14:56:29.000Z",
                            "updated": "2015-05-22T14:56:28.000Z"
                        }
                    }, {
                        "type": "articles",
                        "id": "3",
                        "attributes": {
                            "title": "JSON:API paints my bikeshed!",
                            "body": "The shortest article. Ever.",
                            "created": "2015-05-22T14:56:29.000Z",
                            "updated": "2015-05-22T14:56:28.000Z"
                        }
                    }],
                    "links": {
                        "self": "http://example.com/articles?page[number]=3&page[size]=1",
                        "first": "http://example.com/articles?page[number]=1&page[size]=1",
                        "prev": "http://example.com/articles?page[number]=2&page[size]=1",
                        "next": "http://example.com/articles?page[number]=4&page[size]=1",
                        "last": "http://example.com/articles?page[number]=13&page[size]=1"
                    }
                },
                "links": {
                    "self": "http://example.com/articles?page[number]=3&page[size]=1",
                    "first": "http://example.com/articles?page[number]=1&page[size]=1",
                    "prev": "http://example.com/articles?page[number]=2&page[size]=1",
                    "next": "http://example.com/articles?page[number]=4&page[size]=1",
                    "last": "http://example.com/articles?page[number]=13&page[size]=1"
                }
            }
        }, {
            "type": "articles",
            "id": "3",
            "attributes": {
                "title": "JSON:API paints my bikeshed!",
                "body": "The shortest article. Ever.",
                "created": "2015-05-22T14:56:29.000Z",
                "updated": "2015-05-22T14:56:28.000Z"
            }
        }, {
            "type": "articles",
            "id": "3",
            "attributes": {
                "title": "JSON:API paints my bikeshed!",
                "body": "The shortest article. Ever.",
                "created": "2015-05-22T14:56:29.000Z",
                "updated": "2015-05-22T14:56:28.000Z"
            }
        }],
        "links": {
            "self": "http://example.com/articles?page[number]=3&page[size]=1",
            "first": "http://example.com/articles?page[number]=1&page[size]=1",
            "prev": "http://example.com/articles?page[number]=2&page[size]=1",
            "next": "http://example.com/articles?page[number]=4&page[size]=1",
            "last": "http://example.com/articles?page[number]=13&page[size]=1"
        }
    },
    "links": {
        "self": "http://example.com/articles?page[number]=3&page[size]=1",
        "first": "http://example.com/articles?page[number]=1&page[size]=1",
        "prev": "http://example.com/articles?page[number]=2&page[size]=1",
        "next": "http://example.com/articles?page[number]=4&page[size]=1",
        "last": "http://example.com/articles?page[number]=13&page[size]=1"
    }
};

var myCopy = null;

function recursiveDeepCopy(o) {
    var newO,
        i;

    if (typeof o !== 'object') {
        return o;
    }
    if (!o) {
        return o;
    }

    if (Array.isArray(o)) {
      return o.map(recursiveDeepCopy)
    }

    newO = {};
    for (i in o) {
        if (o.hasOwnProperty(i)) {
            newO[i] = recursiveDeepCopy(o[i]);
        }
    }
    return newO;
}

Tests:

Lodash cloneDeep
myCopy = _.cloneDeep(MyObject);
Native structuredClone
myCopy = structuredClone(MyObject);
recursiveDeepCopy
myCopy = recursiveDeepCopy(MyObject);
Json Clone
myCopy = JSON.parse(JSON.stringify(MyObject));

Run results for: Lodash cloneDeep vs structuredClone vs recursiveDeepCopy vs JSON clone more complex object

https://developer.mozilla.org/en-US/docs/Web/API/structuredClone

Lodash cloneDeep

Native structuredClone

recursiveDeepCopy

Json Clone