Как проверить идентичны ли объекты?

Question

[Gagatyn]

Вот ссылка на код, который не верно проверяет. Как правильно и корректно проверить идентичность объектов?

Answer 1

[Денис]

Если мы говорим про полную идентичность, то можно без лишних танцев с бубном:

console.log( JSON.stringify(x) === JSON.stringify(y) );

Comments

[Gagatyn]

Денис здорово, а если с танцами с бубном, подскажите?
эмм, но ведь они идентичны, только разбросаны свойства, результат исполнения - false

[romy4]

var a = {opt1: "string", opt2: 5};
var b = {opt2: 5, opt1: "string"};
document.getElementById('out').innerHTML = JSON.stringify(a) + JSON.stringify(b)+(JSON.stringify(a) === JSON.stringify(b))

не будут они в этом плане идентичны

[Aves]

Gagatyn: с бубном можно примерно так:

function simpleCompare(a, b) {
  if (a === b) return true;

  const t = getType(a);
  if (t !== getType(b)) return false;

  if (t === 'Array') {
    if (a.length !== b.length) return false;
    for (let i = 0, l = a.length; i < l; i++)
      if (!simpleCompare(a[i], b[i])) return false;
    return true;
  }
  
  if (t === 'Date') return a.toString() === b.toString(); 

  if (t === 'Object') {
    const keys = Object.keys(a);
    if (keys.length !== Object.keys(b).length) return false;
    for (const k of keys)
      if (!simpleCompare(a[k], b[k])) return false;
    return true;
  }

  return false;
}

function getType(obj) {
  return Object.prototype.toString.call(obj).slice(8, -1);
}

Только проверку зацикливания еще добавить надо.

Answer 2

[romy4]

ну в-лоб-решение - это сравнить два json: JSON.stringify(obj1) === JSON.stringify(obj2). но тут я не уверен, что он расположит все проперти отсортированными.
чуть сложнее, это тоже stringify, но потом в каждой строке сосчитать сколько каких символов встречается и сравнить длины строк + по количеству символов. Коллизии весьма незначительны и можно пренебречь.
Ну а можно заморочиться с deep compare как по ссылке

Comments

[Gagatyn]

romy4 я не соображу, а можно рекурсией пройти?

[romy4]

Gagatyn: глубокое сравнение так и делается

Answer 3

[xmoonlight]

https://developer.mozilla.org/en-US/docs/Web/JavaS...

Comments

[Gagatyn]

xmoonlight вы её часто используете, на mdn написано, что это "эксперентальное API, которое не должно использоваться в рабочем коде"?

[Иван Вишневский]

Gagatyn: Есть плагин для бабеля.

[xmoonlight]

Gagatyn: там полифил есть, который работает нормально (ниже там).

Answer 4

[RidgeA]

воспользуйтесь, лучше чем-то вроде lodash или underscore...