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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.82 Safari/537.36

Browser: Chrome 89

Operating system: Linux

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Lodash clone	1949866.8 Ops/sec
Lodash cloneDeep	383729.7 Ops/sec
Lodash merge	214063.2 Ops/sec
Lodash assign	1961663.5 Ops/sec
ES6 spread	10555007.0 Ops/sec
ES6 Object assign	3236011.8 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