Run results for: structuredClone vs alternatives

Run details:

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

Browser: Chrome 122

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Lodash cloneDeep	219665.8 Ops/sec
structuredClone	190319.6 Ops/sec
custom	385597.0 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
    }]
},[{
    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;

function cloneJSON(value) {
    if (typeof value !== 'object' || value === null) {
        return value;
    } else if (Array.isArray(value)) {
        const copy = new Array(value.length);

        for (let i = 0, e; i < value.length; i++) {
            e = value[i];
            copy[i] = (typeof e !== 'object' || e === null ? e : cloneJSON(e));
        }

        return copy;
    } else {
        const ret = {};
        for (const k in value) {
            const v = value[k];
            ret[k] = typeof v !== 'object' || v === null ? v : cloneJSON(v);
        }
        return ret;
    }
}

Tests:

Lodash cloneDeep
testCopy = _.cloneDeep(testArray);
structuredClone
testCopy = structuredClone(testArray);
custom
testCopy = cloneJSON(testArray);

Run results for: structuredClone vs alternatives

Lodash cloneDeep

structuredClone

custom