MeasureThat.net

Run results for: Lodash cloneDeep vs Lodash clone vs Array.slice() vs. Object.assign()

For times when a shallow copy is needed, what is the performance difference between these 3 methods.

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36
Chrome 95
Mac OS X 10.15.7
Desktop
3 years ago
Test name Executions per second
Lodash cloneDeep 810965.0 Ops/sec
Lodash clone 3998263.2 Ops/sec
Array.slice() 12275947.0 Ops/sec
Object.assign() 834895.3 Ops/sec
HTML Preparation code:
AخA
 
1
<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js'></script>
Script Preparation code:
 
var arr = ['one', 'two', 'three', {four: 'five'}];
Tests:

  • Lodash cloneDeep

     
    var myCopy = _.cloneDeep(arr)

  • Lodash clone

     
    var myCopy = _.clone(arr)

  • Array.slice()

     
    var myCopy = arr.slice()

  • Object.assign()

     
    var myCopy = Object.assign([], arr)