Object comparison

by badfreja

HTML

<p>Comparing:</p>
<p style="font-family: monospace">
objectA = {
  name: 'Mario',
  vehicle: 'cart'
}
</p>
<p style="font-family: monospace;">
  objectB = {
  name: 'Mario',
  vehicle: 'cart'
}
</p>

<p style="margin-bottom: 10px">Output objectA !== objectB: <span id="one" style="font-weight: bold; font-family: monospace;"></span></p>


<p>Output key by key comparison: <span id="two" style="font-weight: bold; font-family: monospace;"></span></p>

JavaScript

const objectA = {
  name: 'Mario',
  vehicle: 'cart'
}

const objectB = {
  name: 'Mario',
  vehicle: 'cart'
}

const equalOrNot = objectA == objectB;


function compare(a, b) {
	let result = true;
	Object.keys(a).map((key) => {
  	if (a[key] !== b[key]) {
    	result = false;
    }
  });
  return result;
}

const equalOrNot2 = compare(objectA, objectB);

document.getElementById('one').innerHTML = equalOrNot;
document.getElementById('two').innerHTML = equalOrNot2;