Benchmark: Lodash cloneDeep vs structuredClone vs recursiveDeepCopy vs JSON clone more complex object

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));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Native structuredClone
recursiveDeepCopy
Json Clone

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

Browser/OS: Chrome 112 on Windows

View result in a separate tab

Test name	Executions per second
Lodash cloneDeep	45708.3 Ops/sec
Native structuredClone	39220.7 Ops/sec
recursiveDeepCopy	65353.4 Ops/sec
Json Clone	49438.4 Ops/sec

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

LLMs can make mistakes. Check important info.

I'll take a look at the provided information and provide an answer.

It appears that you're comparing the performance of four different methods for deep copying objects:

1. `_.cloneDeep` from Lodash
2. `structuredClone`
3. `recursiveDeepCopy` (your custom implementation)
4. `JSON.parse(JSON.stringify)`

The benchmark results show that the order of performance is:

1. `recursiveDeepCopy`
2. `Lodash cloneDeep`
3. `Native structuredClone`
4. `Json Clone`

Here's a brief explanation of each method:

* `_.cloneDeep` is a popular and widely-used library function for deep copying objects.
* `structuredClone` is a native Web API (introduced in Chrome 88) that allows you to create a deep copy of an object using the `structuredClone()` function.
* `recursiveDeepCopy` is your custom implementation, which uses recursion to iterate over the properties of an object and clone them recursively.

The performance differences between these methods are likely due to factors such as:

* Overhead of Lodash's abstraction layer
* Optimizations in the native Web API (`structuredClone`)
* The complexity of your custom implementation (`recursiveDeepCopy`)

Overall, it seems that `recursiveDeepCopy` is the fastest method, followed closely by `Lodash cloneDeep`. However, if you're using a modern browser with the native `structuredClone` function, that may be even faster.

Related benchmarks:

Lodash cloneDeep vs structuredClone vs recursiveDeepCopy vs JSON clone more complex object (version: 0)

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

Comparing performance of: Lodash cloneDeep vs Native structuredClone vs recursiveDeepCopy vs Json Clone

Created: 2 years ago by: Guest

Jump to the latest result

Lodash cloneDeep

Native structuredClone

recursiveDeepCopy

Json Clone

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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