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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36

Browser: Chrome 89

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Lodash clone	2253558.0 Ops/sec
Lodash cloneDeep	555951.3 Ops/sec
Lodash merge	271382.2 Ops/sec
Lodash assign	2255432.0 Ops/sec
ES6 spread	10530280.0 Ops/sec
ES6 Object assign	3017452.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