Как сравнить объекты

1️⃣ Как кратко ответить

Для сравнения объектов в JavaScript используйте метод JSON.stringify() для глубокого сравнения, если объекты не содержат функций или циклических ссылок. Для более сложных объектов создайте рекурсивную функцию, которая будет сравнивать каждое свойство объектов.

2️⃣ Подробное объяснение темы

Сравнение объектов в JavaScript может быть сложной задачей, так как объекты сравниваются по ссылке, а не по значению. Это значит, что два объекта считаются равными только если они ссылаются на один и тот же объект в памяти.

Пример сравнения по ссылке

const obj1 = { a: 1 };
const obj2 = { a: 1 };
const obj3 = obj1;
​
console.log(obj1 === obj2); // false, так как это разные объекты в памяти
console.log(obj1 === obj3); // true, так как obj3 ссылается на тот же объект, что и obj1

Глубокое сравнение объектов

Для сравнения объектов по значению, необходимо проверить каждое свойство объектов. Один из простых способов — использовать JSON.stringify(), но он имеет ограничения: не работает с функциями и циклическими ссылками.

const obj1 = { a: 1, b: 2 };
const obj2 = { a: 1, b: 2 };
​
console.log(JSON.stringify(obj1) === JSON.stringify(obj2)); // true

Рекурсивное сравнение объектов

Для более сложных объектов, которые могут содержать вложенные объекты или массивы, необходимо использовать рекурсивный подход.

function deepEqual(obj1, obj2) {
  // Проверка на идентичность ссылок
  if (obj1 === obj2) return true;
​
  // Проверка на null и тип данных
  if (obj1 == null || typeof obj1 !== 'object' || obj2 == null || typeof obj2 !== 'object') {
    return false;
  }
​
  // Получение ключей объектов
  const keys1 = Object.keys(obj1);
  const keys2 = Object.keys(obj2);
​
  // Сравнение количества ключей
  if (keys1.length !== keys2.length) return false;
​
  // Рекурсивное сравнение каждого свойства
  for (let key of keys1) {
    if (!keys2.includes(key) || !deepEqual(obj1[key], obj2[key])) {
      return false;
    }
  }
​
  return true;
}
​
const obj1 = { a: 1, b: { c: 3 } };
const obj2 = { a: 1, b: { c: 3 } };
​
console.log(deepEqual(obj1, obj2)); // true

Объяснение кода

1. Проверка на идентичность ссылок: Если obj1 и obj2 ссылаются на один и тот же объект, они равны.
2. Проверка на null и тип данных: Если один из объектов null или не является объектом, они не равны.
3. Получение ключей объектов: Используем Object.keys() для получения массива ключей каждого объекта.
4. Сравнение количества ключей: Если количество ключей не совпадает, объекты не равны.
5. Рекурсивное сравнение каждого свойства: Для каждого ключа проверяем, существует ли он в обоих объектах и равны ли значения, используя рекурсивный вызов deepEqual.

Этот подход позволяет сравнивать объекты любой сложности, включая вложенные структуры.