Benchmark: structuredClone vs alternatives test - 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 testArray = [{
    description: 'Random description.',
    testNumber: 123456789,
    testBoolean: true,
    testObject: {
        testString: 'test string',
        testNumber: 12345
    },
    testArray: [{
        myName: 'test name',
        myNumber: 123245
    }],
    children: {
        description: 'Random description.',
        testNumber: 123456789,
        testBoolean: true,
        testObject: {
            testString: 'test string',
            testNumber: 12345
        },
        testArray: [{
            myName: 'test name',
            myNumber: 123245
        }],
        children: {
            description: 'Random description.',
            testNumber: 123456789,
            testBoolean: true,
            testObject: {
                testString: 'test string',
                testNumber: 12345
            },
            testArray: [{
                myName: 'test name',
                myNumber: 123245
            }],
            children: {
                description: 'Random description.',
                testNumber: 123456789,
                testBoolean: true,
                testObject: {
                    testString: 'test string',
                    testNumber: 12345
                },
                testArray: [{
                    myName: 'test name',
                    myNumber: 123245
                }],
                children: {
                    description: 'Random description.',
                    testNumber: 123456789,
                    testBoolean: true,
                    testObject: {
                        testString: 'test string',
                        testNumber: 12345
                    },
                    testArray: [{
                        myName: 'test name',
                        myNumber: 123245
                    }],
                    children: {
                        description: 'Random description.',
                        testNumber: 123456789,
                        testBoolean: true,
                        testObject: {
                            testString: 'test string',
                            testNumber: 12345
                        },
                        testArray: [{
                            myName: 'test name',
                            myNumber: 123245
                        }],
                        children: {
                            description: 'Random description.',
                            testNumber: 123456789,
                            testBoolean: true,
                            testObject: {
                                testString: 'test string',
                                testNumber: 12345
                            },
                            testArray: [{
                                myName: 'test name',
                                myNumber: 123245
                            }],
                            children: {
                                description: 'Random description. Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.',
                                testNumber: 123456789,
                                testBoolean: true,
                                testObject: {
                                    testString: 'test string',
                                    testNumber: 12345
                                },
                                testArray: [{
                                    myName: 'test name',
                                    myNumber: 123245
                                }],
                                children: {
                                    description: 'Random description.',
                                    testNumber: 123456789,
                                    testBoolean: true,
                                    testObject: {
                                        testString: 'test string',
                                        testNumber: 12345
                                    },
                                    testArray: [{
                                        myName: 'test name',
                                        myNumber: 123245
                                    }],
                                    children: {
                                        description: 'Random description.',
                                        testNumber: 123456789,
                                        testBoolean: true,
                                        testObject: {
                                            testString: 'test string',
                                            testNumber: 12345
                                        },
                                        testArray: [{
                                            myName: 'test name',
                                            myNumber: 123245
                                        }],
                                        children: {
                                            description: 'Random description.',
                                            testNumber: 123456789,
                                            testBoolean: true,
                                            testObject: {
                                                testString: 'test string',
                                                testNumber: 12345
                                            },
                                            testArray: [{
                                                myName: 'test name',
                                                myNumber: 123245
                                            }],
                                            children: {
                                                description: 'Random  Random description.Random description.Random description.Random description.Random description.Random description. description.',
                                                testNumber: 123456789,
                                                testBoolean: true,
                                                testObject: {
                                                    testString: 'test string',
                                                    testNumber: 12345
                                                },
                                                testArray: [{
                                                    myName: 'test name',
                                                    myNumber: 123245
                                                }],
                                                children: {
                                                    description: 'Random description.',
                                                    testNumber: 123456789,
                                                    testBoolean: true,
                                                    testObject: {
                                                        testString: 'test string',
                                                        testNumber: 12345
                                                    },
                                                    testArray: [{
                                                        myName: 'test name',
                                                        myNumber: 123245
                                                    }],
                                                    children: {
                                                        description: 'RaRandom description.Random description.Random description.Random description.Random description.ndom description.',
                                                        testNumber: 123456789,
                                                        testBoolean: true,
                                                        testObject: {
                                                            testString: 'testRandom description.Random description.Random description.Random description. string',
                                                            testNumber: 12345
                                                        },
                                                        testArray: [{
                                                            description: 'Random description. Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.',
                                                            myName: 'test name',
                                                            myNumber: 123245
                                                        }],
                                                        children: {
                                                            description: 'Random description.',
                                                            testNumber: 123456789,
                                                            testBoolean1: new Date(),
                                                            testObject: {
                                                                testString: 'test string',
                                                                testNumber: 12345
                                                            },
                                                            testArray: [{
                                                                myName: 'test name',
                                                                myNumber: 123245
                                                            }],
                                                            children: {
                                                                description: 'Random description. Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.',
                                                                description1: 'Random description.',
                                                                testNumber: 123456789,
                                                                testBoolean1: true,
                                                                testObject: {
                                                                    testString: 'test string',
                                                                    testNumber: 12345
                                                                },
                                                                testArray: [{
                                                                    description: 'Random description. Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.Random description.',
                                                                    testBoolean1: new Date(),
                                                                    myName: 'test name',
                                                                    myNumber: 123245,
                                                                    testBoolean: new Date()
                                                                }]
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}];

var testCopy = null;

var deepClone = function(obj) {
    var out;
    if (Array.isArray(obj)) {
        out = [];
        for (var index = 0; index < obj.length; ++index) {
            let subArray = obj[index];
            out.push((subArray === null) ? subArray : (subArray instanceof Date) ? new Date(subArray.valueOf()) : (typeof subArray === 'object') ? deepClone(subArray) : subArray);
        }
    } else {
        out = {};
        for (var key in obj) {
            var subObject = obj[key];
            out[key] = subObject === null ? subObject : subObject instanceof Date ? new Date(subObject.valueOf()) : (typeof subObject === 'object') ? deepClone(subObject) : subObject;


        }
    }
    return out;
};

Tests:

Lodash cloneDeep
testCopy = _.cloneDeep(testArray);
Native JSON parse
testCopy = JSON.parse(JSON.stringify(testArray));
Recursive deep clone
testCopy = deepClone(testArray);
structuredClone
testCopy = structuredClone(testArray);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Native JSON parse
Recursive deep clone
structuredClone

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 10 months ago)

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

Browser/OS: Chrome 126 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Lodash cloneDeep	45000.7 Ops/sec
Native JSON parse	57330.4 Ops/sec
Recursive deep clone	46832.2 Ops/sec
structuredClone	49831.0 Ops/sec

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

LLMs can make mistakes. Check important info.

It appears that we have a JavaScript code snippet with two main parts:

1. **Benchmarking configuration**:
The first part is an array of objects, where each object represents a benchmark test case. Each test case has the following properties:
	* `Benchmark Definition`: a string that defines the test case.
	* `Test Name`: a string that provides a human-readable name for the test case.

2. **Code snippet**:
The second part is a JavaScript code snippet, which includes:
	* A function definition: `var deepClone = function(obj) {...}`
	* An object definition: `{ "Individual test cases": [...], "Latest benchmark result": [...]" }`
	* External dependencies:
		+ Lodash.js library (version 4.17.5)
		+ A custom JavaScript file (not shown)

**Questions**:

* What is the purpose of the `deepClone` function?
* How does the code snippet use Lodash and other libraries to achieve its goals?

**Assumptions**:

* The `Individual test cases` array contains four test cases, each with a different approach to cloning an object.
* The `Latest benchmark result` array contains four benchmark results for each of the test cases.

Please feel free to provide more context or clarify any assumptions I may have made.

Related benchmarks:

structuredClone vs alternatives test - complex object (version: 0)

compare object deep clone methods

Comparing performance of: Lodash cloneDeep vs Native JSON parse vs Recursive deep clone vs structuredClone

Created: 10 months ago by: Guest

Jump to the latest result

Lodash cloneDeep

Native JSON parse

Recursive deep clone

structuredClone

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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