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

Run details:

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

Browser: Chrome 88

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Lodash clone	2406817.0 Ops/sec
Lodash cloneDeep	519255.3 Ops/sec
Lodash merge	279841.8 Ops/sec
Lodash assign	2431369.0 Ops/sec
ES6 spread	11683970.0 Ops/sec
ES6 Object assign	2864411.0 Ops/sec

HTML Preparation code:

<script src='https://cdn.jsdelivr.net/npm/lodash@3.10.1/index.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
const a = _.clone(o)
Lodash cloneDeep
const a = _.cloneDeep(o)
Lodash merge
const a = _.merge({}, o)
Lodash assign
const a = _.assign({}, o)
ES6 spread
const a = { ...o }
ES6 Object assign
const a = Object.assign({}, o)

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

Lodash clone

Lodash cloneDeep

Lodash merge

Lodash assign

ES6 spread

ES6 Object assign