Run results for: Angular merge vs lodash merge

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:102.0) Gecko/20100101 Firefox/102.0

Browser: Firefox 102

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Angular merge	5000801.0 Ops/sec
Lodash merge	4957775.0 Ops/sec

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>

Script Preparation code:

var obj1 = {
  firstName: 'Ronald',
  lastName: 'Reagan',
  password: '23k4jlqrkjq2343q',
  hairColor: 'brown'
};

var obj2 = {
  firstName: 'James',
  hairColor: 'black',
  phoneNumber: '8055555555'
}

  function merge(destination, source) {
    angular.forEach(source, function(value, key) {
      if (angular.isDefined(destination[key])) {
        if (angular.isObject(destination[key]) && !angular.isArray(destination[key])) {
          destination[key] = merge(destination[key], source[key]);
        } else {
          destination[key] = source[key];
        }
      } else { // adds value to the destination object
        destination[key] = source[key];
      }
    });
    return destination;
  }

Tests:

Angular merge
var newObj = merge(obj1, obj2);
Lodash merge
var newObj = _.merge(obj1, obj2);

Run results for: Angular merge vs lodash merge

Angular merge vs lodash merge

Angular merge

Lodash merge