Как происходит сравнение массивов и объектов в JavaScript?

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

Для массивов:

const arr1 = [1, 2, 3];
const arr2 = [1, 2, 3];
const arr3 = arr1;

console.log(arr1 == arr2); // false (разные ссылки)
console.log(arr1 === arr2); // false (разные ссылки)
console.log(arr1 == arr3); // true (одна и та же ссылка)
console.log(arr1 === arr3); // true (одна и та же ссылка)

Для объектов:

const obj1 = { a: 1, b: 2 };
const obj2 = { a: 1, b: 2 };
const obj3 = obj1;

console.log(obj1 == obj2); // false (разные ссылки)
console.log(obj1 === obj2); // false (разные ссылки)
console.log(obj1 == obj3); // true (одна и та же ссылка)
console.log(obj1 === obj3); // true (одна и та же ссылка)

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

Для массивов можно сравнить элементы:

function arraysEqual(arrA, arrB) {
  if (arrA.length !== arrB.length) {
    return false;
  }
  for (let i = 0; i < arrA.length; i++) {
    if (arrA[i] !== arrB[i]) {
      return false;
    }
  }
  return true;
}

const arr1 = [1, 2, 3];
const arr2 = [1, 2, 3];
const arr4 = [1, 2, 4];

console.log(arraysEqual(arr1, arr2)); // true
console.log(arraysEqual(arr1, arr4)); // false

Для объектов требуется сравнение всех свойств:

function objectsEqual(objA, objB) {
  const keysA = Object.keys(objA);
  const keysB = Object.keys(objB);

  if (keysA.length !== keysB.length) {
    return false;
  }

  for (const key of keysA) {
    if (objA[key] !== objB[key]) {
      return false;
    }
  }
  return true;
}

const obj1 = { a: 1, b: 2 };
const obj2 = { a: 1, b: 2 };
const obj4 = { a: 1, b: 3 };

console.log(objectsEqual(obj1, obj2)); // true
console.log(objectsEqual(obj1, obj4)); // false

Сравнение вложенных структур (глубокое сравнение) требует рекурсивного подхода. Библиотеки, такие как Lodash (_.isEqual), предоставляют готовые функции для глубокого сравнения.