Run results for: Lodash cloneDeep vs Object spread

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Browser: Chrome 126

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Object spread

194K/s

Object.assign

141K/s

_cloneDeep

44K/s

Structured clone

39K/s

View exact numbers

Test name	Executions per second
✓ Object spread	194,374 Ops/sec
Object.assign	141,444 Ops/sec
_cloneDeep	43,506 Ops/sec
Structured clone	38,712 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:

window.obj = {};
// 10 number properties
for (let i = 0; i < 10; i++) {
    const key = (Math.random() + 1).toString(36).substring(7);
    obj[key] = Math.random();
}
// 10 nested object properties
for (let i = 0; i < 10; i++) {
    const key = (Math.random() + 1).toString(36).substring(7);
    obj[key] = {
        foo: Math.random(),
        bar: true,
        baz: {
            baz: "Hello World"
        }
    }
}

Tests:

_cloneDeep
const obj2 = _.cloneDeep(obj)
Object spread
const obj3 = {...obj}
Structured clone
const obj4 = structuredClone(obj)
Object.assign
const obj5 = Object.assign({}, obj)