Benchmark: Object comparison

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script>
var underscore = _.noConflict();
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.5.0/lodash.min.js"></script>
<script>
var lodash = _.noConflict();
</script>
      

      <script>
  var obj1 = {
    properties: {
      selectionName: null,
      price: {
        format: 'fractional',
        odds: null
      },
      status: 'A',
      display: {
        displayed: 'Y',
        order: null
      },
      selectionScore: {
        home: null,
        away: null
      },
      band: {
        lower: 5,
        upper: 10
      },
      channels: 'ZWIP'
    },
    result: null
  };
  var obj2 = {
    properties: {
      selectionName: null,
      price: {
        format: 'fractional',
        odds: null
      },
      status: 'A',
      display: {
        displayed: 'Y',
        order: null
      },
      selectionScore: {
        home: null,
        away: null
      },
      band: {
        lower: null,
        upper: null
      },
      channels: 'ZWIP'
    },
    result: null
  };
  
  lodash = window.lodash;
  underscore = window.underscore
  window.isEqualShallow = function (a, b) {
  		if (!a && !b) { return true; }
  		if (!a && b || a && !b) { return false; }
  
  		var numKeysA = 0, numKeysB = 0, key;
  		for (key in b) {
  			numKeysB++;
  			if (/* !isPrimitive(b[key]) || */ !a.hasOwnProperty(key) || (a[key] !== b[key])) {
  				// console.log(key, a, b);
  				return false;
  			}
  		}
  		for (key in a) {
  			numKeysA++;
  		}
  		return numKeysA === numKeysB;
  	}     
</script>

Tests:

lodash
window.lodash.isEqual(obj1, obj2);
underscore
window.underscore.isEqual(obj1, obj2);
JSON.stringify() JSON.st
JSON.stringify(obj1) == JSON.stringify(obj2);
isEqualShallow()
window.isEqualShallow(obj1, obj2);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash
underscore
JSON.stringify() JSON.st
isEqualShallow()

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 5 years ago)

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

Browser/OS: Chrome 71 on Mac OS X 10.14.2

View result in a separate tab

Test name	Executions per second
lodash	188694.6 Ops/sec
underscore	551441.7 Ops/sec
JSON.stringify() JSON.st	147681.5 Ops/sec
isEqualShallow()	1348877.0 Ops/sec

Object comparison (version: 0)

Comparing performance of: lodash vs underscore vs JSON.stringify() JSON.st vs isEqualShallow()

Created: 7 years ago by: Guest

Jump to the latest result

lodash

underscore

JSON.stringify() JSON.st

isEqualShallow()

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A