Run results for: Lodash cloneDeep vs JSON Clone vs Ramda Clone vs old school unroll vs hand rolled vs spread vs obj.assign

Run details:

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

Browser: Chrome 113

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 11 months ago

Test name	Executions per second
Lodash cloneDeep	556862.3 Ops/sec
Json clone	317930.8 Ops/sec
Ramda clone	820296.9 Ops/sec
hand rolled	468124.2 Ops/sec
spread	4877689.0 Ops/sec
obj.assign	2155965.0 Ops/sec
og hand rolled (still recursive)	709662.1 Ops/sec
manual stack	826683.0 Ops/sec

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.min.js"></script>

Script Preparation code:

var MyObject = {
  description: 'Creates a deep copy of source, which should be an object or an array.',
  myNumber: 123456789,
  myBoolean: true,
  jayson: {
    stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....',
    parse: 'JSON.parse() method parses a JSON string...'
  }
};

var myCopy = null;

Tests:

Lodash cloneDeep
myCopy = _.cloneDeep(MyObject);
Json clone
myCopy = JSON.parse(JSON.stringify(MyObject));
Ramda clone
myCopy = R.clone(MyObject);
hand rolled
const cp=(obj)=>"object" === typeof obj ? Object.fromEntries(Object.entries(obj).map(([k,v])=>[k,cp(v)])) : obj myCopy = cp(MyObject)
spread
myCopy = {...MyObject}
obj.assign
myCopy = Object.assign({}, MyObject)
og hand rolled (still recursive)
const cp_old=(obj)=>{ if ("object" !== typeof obj) { return obj } else { const entries = Object.entries(obj) for(let i = 0; i < entries.length; i++) { entries[i][2] = cp_old(entries[i][2]) } return Object.fromEntries(entries) } } myCopy = cp_old(MyObject)
manual stack
const cp_stack=(obj)=>{ if ("object" !== typeof obj) { return obj } else { const stack = [] let entries = Object.entries(obj) let i=0 stackloop: while(true) { for(; i < entries.length; i++) { const entry = entries[i][2] if ("object" !== typeof entry) continue else { stack.push([i,entries]) entries = Object.entries(entries[i][2]) i = 0 continue stackloop } } if (stack.length === 0) break [i, entries] = stack.pop() } return Object.fromEntries(entries) } } myCopy = cp_stack(MyObject)

Run results for: Lodash cloneDeep vs JSON Clone vs Ramda Clone vs old school unroll vs hand rolled vs spread vs obj.assign

just benchmarking things

Lodash cloneDeep

Json clone

Ramda clone

hand rolled

spread

obj.assign

og hand rolled (still recursive)

manual stack