Как правильно проверить, существует ли свойство объекта в JavaScript (undefined)

Проблема: чем отличается «свойство есть, но его значение undefined» от «свойства нет»

Вы совершенно правы: проверка через === undefined не различает эти два случая. В JavaScript это принципиально разные ситуации, и для их различения есть специальные операторы и методы.

Основные способы проверки существования свойства

1. Оператор in (самый надёжный способ)

Оператор in проверяет, существует ли свойство в объекте (включая прототип). Он возвращает true, даже если значение свойства равно undefined.

const user = {
  name: 'Иван',
  email: undefined
};

console.log('email' in user);  // true — свойство существует
console.log('age' in user);    // false — свойства нет

// Проверяем вместе с условием
if ('email' in user) {
  console.log('Свойство email существует, его значение:', user.email);
} else {
  console.log('Свойства email нет в объекте');
}

2. Метод hasOwnProperty() (только собственные свойства)

Если вам нужно проверить, что свойство принадлежит самому объекту, а не его прототипу, используйте hasOwnProperty.

const user = Object.create({toString: 'тест'}); // свойство из прототипа
user.name = 'Пётр';

console.log(user.hasOwnProperty('name'));     // true — собственное свойство
console.log(user.hasOwnProperty('toString')); // false — свойство из прототипа
console.log('toString' in user);              // true — свойство существует (в прототипе)

3. Сравнение с undefined — когда это допустимо

Используйте === undefined только если вас интересует значение, а не факт существования свойства. Например, для значений по умолчанию:

function getUserEmail(user) {
  // Нас интересует только значение: если email не указан (undefined или отсутствует) — берём заглушку
  return user.email !== undefined ? user.email : 'email@example.com';
}

// Но лучше использовать логическое ИЛИ:
function getUserEmailSafe(user) {
  return user.email || 'email@example.com';
}

Практические рекомендации

• Для проверки существования свойства — используйте in (если прототип не важен) или hasOwnProperty (только собственные).
• Для проверки значения — используйте строгое сравнение с undefined или null, либо логические операторы.
• Избегайте сравнения с undefined через == (нестрогое равенство), так как оно может дать ложные срабатывания.
• Современный синтаксис ES2020 — оператор опциональной цепочки ?. и нулевого слияния ?? упрощают работу:

// Без ошибки, если свойства нет
const email = user?.email ?? 'email@example.com';
console.log(email); // 'email@example.com' если email отсутствует или undefined

Итог

Запомните простое правило: хотите узнать, есть ли ключ в объекте — используйте in или hasOwnProperty. Хотите узнать значение — проверяйте через === undefined или используйте современные операторы ?. и ??.

const user = { name: 'Анна', age: 30 };

// Проверка одного свойства
const hasEmail = Object.keys(user).includes('email');
console.log(hasEmail); // false

// Проверка нескольких обязательных полей
const requiredFields = ['name', 'email', 'age'];
const missingFields = requiredFields.filter(
  field => !Object.keys(user).includes(field)
);

if (missingFields.length > 0) {
  console.log('Отсутствуют поля:', missingFields.join(', '));
}

function safeCheck(obj, prop) {
  // Проверяем, что obj — объект и не null
  if (typeof obj === 'object' && obj !== null) {
    return prop in obj;
  }
  return false;
}

console.log(safeCheck(user, 'name')); // true
console.log(safeCheck(null, 'name')); // false (без ошибки)