Run results for: Lodash cloneDeep vs custom cloneDeep vs structuredClone

Run details:

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

Browser: Chrome 138

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 9 months ago

Test name	Executions per second
Lodash cloneDeep	681895.2 Ops/sec
Native JSON parse	1174557.4 Ops/sec
Recursive deep clone	0.0 Ops/sec
structuredClone	548893.9 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 testArray = [{
    description: 'Random description.',
    testNumber: 123456789,
    testBoolean: true,
    testObject: {
        testString: 'test string',
        testNumber: 12345
    },
    testArray: [{
        myName: 'test name',
        myNumber: 123245
    }]
}, {
    description: 'Random description.',
    testNumber: 123456789,
    testBoolean: true,
    testObject: {
        testString: 'test string',
        testNumber: 12345
    },
    testArray: [{
        myName: 'test name',
        myNumber: 123245
    }]
}];

var testCopy = null;

var deepClone = function(obj) {
    if (Array.isArray(obj)) {
        return obj.map(deepClone)
    } else {
        var out = {};
        const keys = Object.keys(obj);
        for (let i = 0, l = keys.length; i < l; i++) {
            const key = keys[i];
            out[key] = deepClone(obj[key]);
        }
        return out
    }
    return obj;
};

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

Run results for: Lodash cloneDeep vs custom cloneDeep vs structuredClone

compare array copy/clone methods

Lodash cloneDeep

Native JSON parse

Recursive deep clone

structuredClone