Как проверить, пустой ли объект в JavaScript? (простые и надёжные способы)

Правильный способ проверки пустого объекта

Проблема, с которой вы столкнулись, типична для новичков: оператор === сравнивает объекты по ссылке, а не по содержимому. Даже два пустых объекта {} — это разные объекты в памяти, поэтому сравнение всегда возвращает false. Чтобы проверить, пустой ли объект, нужно смотреть на его собственные перечисляемые свойства.

Метод 1: Object.keys() (рекомендуемый)

Самый простой и читаемый способ — использовать Object.keys(obj), который возвращает массив собственных перечисляемых свойств объекта. Если массив пуст — объект пуст:

const isEmpty = (obj) => Object.keys(obj).length === 0;

// Примеры:
console.log(isEmpty({}));           // true
console.log(isEmpty({a: 1}));       // false
console.log(isEmpty({name: 'John', age: 30})); // false

Этот метод работает во всех современных браузерах и Node.js. Он не учитывает свойства в цепочке прототипов — только то, что принадлежит самому объекту.

Метод 2: Object.getOwnPropertyNames()

Если вам нужно учитывать также неперечисляемые свойства (например, созданные через Object.defineProperty с enumerable: false), используйте Object.getOwnPropertyNames():

const isEmptyStrict = (obj) => Object.getOwnPropertyNames(obj).length === 0;

const obj = {};
Object.defineProperty(obj, 'hidden', {
  value: 42,
  enumerable: false
});

console.log(Object.keys(obj).length);            // 0 (не видит скрытое свойство)
console.log(Object.getOwnPropertyNames(obj).length); // 1 (видит скрытое свойство)

Метод 3: Проверка через for...in с hasOwnProperty

Классический способ, который работает даже в очень старых браузерах:

function isEmpty(obj) {
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      return false;
    }
  }
  return true;
}

Этот метод надёжен, но более многословен. hasOwnProperty отсекает унаследованные свойства из прототипа.

Что выбрать?

• Для 99% случаев — используйте Object.keys(obj).length === 0. Это современно, читаемо и быстро.
• Если нужна поддержка очень старых браузеров (IE8-) — используйте for...in с hasOwnProperty.
• Если есть скрытые свойства — используйте Object.getOwnPropertyNames().

Важное замечание про null и undefined

Все перечисленные методы упадут с ошибкой, если передать null или undefined. Поэтому в реальном коде стоит добавить защиту:

const isEmpty = (obj) => {
  if (obj === null || obj === undefined) {
    throw new Error('Argument must be an object');
  }
  return Object.keys(obj).length === 0;
};

Или, если вы ожидаете, что может прийти null, и хотите считать его "пустым":

const isEmptySafe = (obj) => obj == null || Object.keys(obj).length === 0;

Теперь вы можете смело проверять пустые объекты. Для вашей задачи с формой фильтрации идеально подойдёт Object.keys(obj).length === 0 — просто и надёжно!

const isEmpty = (obj) => JSON.stringify(obj) === '{}';

console.log(isEmpty({}));           // true
console.log(isEmpty({a: 1}));       // false