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_14_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36

Browser: Chrome 89

Operating system: Mac OS X 10.14.4

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Lodash clone	2310988.0 Ops/sec
Lodash cloneDeep	440423.4 Ops/sec
Lodash merge	245423.4 Ops/sec
Lodash assign	2036451.0 Ops/sec
ES6 spread	12194400.0 Ops/sec
ES6 Object assign	3307904.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