Run results for: Lodash vs IMMUTABLE COPY vs Manuel

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.4.1 Safari/605.1.15

Browser: Safari 16

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Immutable	294609.9 Ops/sec
Lodash	82762.5 Ops/sec
Manual	179750.7 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