Benchmark: Lodash cloneDeep vs customize cloneDeep vs structuredClone

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) {
    var out;
    if (Array.isArray(obj)) {
        out = obj.map(function(subArray) {
          return (subArray === null) ? subArray : (subArray instanceof Date) ? new Date(subArray.valueOf()) : (typeof subArray === 'object') ? deepClone(subArray) : subArray;
        });
    } else {
        out = {};
        var keys = Object.keys(obj);
      	for (let i = 0, l = keys.length; i < l; i++) {
          var key = keys[i];
          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); testCopy
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 testCopy = _.cloneDeep(testArray); testCopy
Native JSON parse
Recursive deep clone
structuredClone

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 102 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Lodash cloneDeep testCopy = _.cloneDeep(testArray); testCopy	164877.5 Ops/sec
Native JSON parse	190838.6 Ops/sec
Recursive deep clone	112454.0 Ops/sec
structuredClone	71956.0 Ops/sec

Lodash cloneDeep vs customize cloneDeep vs structuredClone (version: 0)

Comparing performance of: Lodash cloneDeep testCopy = _.cloneDeep(testArray); testCopy vs Native JSON parse vs Recursive deep clone vs structuredClone

Created: one year ago by: Guest

Jump to the latest result

Lodash cloneDeep testCopy = _.cloneDeep(testArray); testCopy

Native JSON parse

Recursive deep clone

structuredClone

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A