Run results for: Lodash vs json-stable-stringify (Stringify) object vs object

Run details:

User agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 116

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

Test name	Executions per second
_.isEqual identical	219356.8 Ops/sec
_.isEqual missing userId	469485.6 Ops/sec
_.isEqual all changed	232948.4 Ops/sec
JsonStableStringify identical	50985.4 Ops/sec
JsonStableStringify missing userId	80026.8 Ops/sec
JsonStableStringify all changed	75710.9 Ops/sec

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>

Script Preparation code:

var json = typeof JSON !== 'undefined' ? JSON : console.error("JSON SUPPORT REQUIRED");

var isArray = Array.isArray || function (x) {
	return {}.toString.call(x) === '[object Array]';
};

var objectKeys = Object.keys || function (obj) {
	var has = Object.prototype.hasOwnProperty || function () { return true; };
	var keys = [];
	for (var key in obj) {
		if (has.call(obj, key)) { keys.push(key); }
	}
	return keys;
};

function jsonStableStringify(obj, opts) {
	if (!opts) { opts = {}; }
	if (typeof opts === 'function') { opts = { cmp: opts }; }
	var space = opts.space || '';
	if (typeof space === 'number') { space = Array(space + 1).join(' '); }
	var cycles = typeof opts.cycles === 'boolean' ? opts.cycles : false;
	var replacer = opts.replacer || function (key, value) { return value; };

	var cmp = opts.cmp && (function (f) {
		return function (node) {
			return function (a, b) {
				var aobj = { key: a, value: node[a] };
				var bobj = { key: b, value: node[b] };
				return f(aobj, bobj);
			};
		};
	}(opts.cmp));

	var seen = [];
	return (function stringify(parent, key, node, level) {
		var indent = space ? '\n' + new Array(level + 1).join(space) : '';
		var colonSeparator = space ? ': ' : ':';

		if (node && node.toJSON && typeof node.toJSON === 'function') {
			node = node.toJSON();
		}

		node = replacer.call(parent, key, node);

		if (node === undefined) {
			return;
		}
		if (typeof node !== 'object' || node === null) {
			return json.stringify(node);
		}
		if (isArray(node)) {
			var out = [];
			for (var i = 0; i < node.length; i++) {
				var item = stringify(node, i, node[i], level + 1) || json.stringify(null);
				out.push(indent + space + item);
			}
			return '[' + out.join(',') + indent + ']';
		}

		if (seen.indexOf(node) !== -1) {
			if (cycles) { return json.stringify('__cycle__'); }
			throw new TypeError('Converting circular structure to JSON');
		} else { seen.push(node); }

		var keys = objectKeys(node).sort(cmp && cmp(node));
		var out = [];
		for (var i = 0; i < keys.length; i++) {
			var key = keys[i];
			var value = stringify(node, key, node[key], level + 1);

			if (!value) { continue; }

			var keyValue = json.stringify(key)
					+ colonSeparator
					+ value;

			out.push(indent + space + keyValue);
		}
		seen.splice(seen.indexOf(node), 1);
		return '{' + out.join(',') + indent + '}';

	}({ '': obj }, '', obj, 0));
};

function isJsonStableStringifyEqual(a, b) {
  return jsonStableStringify(a) === jsonStableStringify(b);
}
  
window.testObject1 = {
  personalizedTrackingEnabled: true,
  trackingConsentGiven: false,
  userId: "9a900f538965a426994e1e90600920aff0b4e8d2"
};

window.testObject2 = {
  personalizedTrackingEnabled: true,
  trackingConsentGiven: false,
  userId: "9a900f538965a426994e1e90600920aff0b4e8d2"
};

window.testObject3 = {
  personalizedTrackingEnabled: true,
  trackingConsentGiven: false,
};

window.testObject4 = {
  personalizedTrackingEnabled: false,
  trackingConsentGiven: true,
  userId: "50a7c871e6420c4bda76e49098db1dd483d74a71"
};

Tests:

_.isEqual identical
_.isEqual(window.testObject1, window.testObject2);
_.isEqual missing userId
_.isEqual(window.testObject1, window.testObject3);
_.isEqual all changed
_.isEqual(window.testObject1, window.testObject4);
JsonStableStringify identical
isJsonStableStringifyEqual(window.testObject1, window.testObject2);
JsonStableStringify missing userId
isJsonStableStringifyEqual(window.testObject1, window.testObject3);
JsonStableStringify all changed
isJsonStableStringifyEqual(window.testObject1, window.testObject4);

Run results for: Lodash vs json-stable-stringify (Stringify) object vs object

Used json-stable-stringify (Stringify) version 1.0.2 from https://cdn.jsdelivr.net/npm/[email protected]/index.js

_.isEqual identical

_.isEqual missing userId

_.isEqual all changed

JsonStableStringify identical

JsonStableStringify missing userId

JsonStableStringify all changed