Run results for: Lodash cloneDeep vs merge vs ES6 object spread vs ES6 Object.assign

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Browser: Chrome 114

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
lodash clone deep	300103.1 Ops/sec
Object spread	12713279.0 Ops/sec
Assign	3728009.5 Ops/sec

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.19/lodash.min.js'></script>

Script Preparation code:

var o = {
    a: {
        b: 1,
        c: 2,
        d: 3,
        j: {
            k: [1, 2, 3],
            l: [4, 5, 6]
        },
    },
    e: [1, 2, 3, 4, 5, 6],
    f: 1,
    g: {
        h: 1,
    }
}

Tests:

lodash clone deep
const a = _.cloneDeep(o)
Object spread
const a = { ...o }
Assign
const a = Object.assign({}, o)

Run results for: Lodash cloneDeep vs merge vs ES6 object spread vs ES6 Object.assign

lodash clone deep

Object spread

Assign