Run results for: Angular merge vs lodash merge

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:121.0) Gecko/20100101 Firefox/121.0

Browser: Firefox 121

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Lodash merge

8.3M/s

Angular merge

7.8M/s

View exact numbers

Test name	Executions per second
✓ Lodash merge	8,323,965 Ops/sec
Angular merge	7,801,028 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);