Run results for: Lodash vs IMMUTABLE COPY vs Manuel

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 15_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/108.0.5359.52 Mobile/15E148 Safari/604.1

Browser: Chrome Mobile iOS 108

Operating system: iOS 15.4

Device Platform: Mobile

Date tested: 2 years ago

Test name	Executions per second
Immutable	200568.2 Ops/sec
Lodash	328621.5 Ops/sec
Manual	1054416.9 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/immutable/3.8.2/immutable.min.js'></script>
<script>
function copyDeep(value) {
  	if(!value)
  		return value;
    if (value.constructor === Array) {
        return value.map(copyDeep);
    }
    if (value.constructor === Object) {
        const copy = {};
        for (let k in value) {
            copy[k] = copyDeep(value[k]);
        }
        return copy;
    }
    return value;
}
  
function merge(target, src){
 if(!target || !src || target.constructor != Object || src.constructor !== Object) return target; 
 for(var key in src){
 	if(target[key]){
  		if(target[key].constructor === Object && src[key].constructor === Object){
  			target[key] = merge(target[key], src[key]);
  		}else{
  			target[key] = src[key];
  		}
  	}else {
		target[key] = src[key];
  	}
 }  
}
</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:

Immutable
myCopy = Immutable.fromJS(MyObject).mergeDeep({ jayson: {parse: 'JSON.parse() method parses a JSON string... 2'}}).toJS()
Lodash
myCopy = _.merge(_.cloneDeep(MyObject), { jayson: {parse: 'JSON.parse() method parses a JSON string... 2'}})
Manual
myCopy = merge(copyDeep(MyObject), { jayson: {parse: 'JSON.parse() method parses a JSON string... 2'}});

Run results for: Lodash vs IMMUTABLE COPY vs Manuel

Lodash vs Immutable Copying

Immutable

Lodash

Manual