Проверка наличия свойства в JS объекте без if-else: методы

Быстрый ответ

Чтобы проверить, отсутствует ли свойство в объекте JavaScript, используйте конструкцию !("ключ" in объект). Если свойство с именем ключ отсутствует, то результат будет true.

Пример:

const object = { a: 1, b: 2 };
console.log(!('c' in object)); // true, так как свойства 'c' нет

Рассмотрим более глубокий поиск

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

Object.hasOwn: современное решение

Метод Object.hasOwn() был добавлен в ECMAScript 2021 и предоставляет прямой и надежный способ:

Пример:

const object = { a: 1, b: 2 };
console.log(!Object.hasOwn(object, 'c')); // true, так как свойства 'c' нет

Подробнее об этом расскажет наш спикер на видео

Особенности прототипного цепа

Оператор in ищет не только собственные свойства объекта, но и перебирает прототипный цеп:

Пример:

const object = { a: 1, b: 2 };
console.log(!Object.prototype.hasOwnProperty.call(object, 'c')); // true, поскольку 'c' отсутствует

Проверка через undefined

Ещё один способ — сравнить свойство со значением undefined:

Пример:

const object = { a: 1, b: 2 };
console.log(object['c'] === undefined); // true, поскольку 'c' не определен

Однако этот метод не различает отсутствующие свойства и свойства, установленные в undefined.

Фокусируемся на отсутствии свойств в реальных проектах

Проверка отсутствия свойства — важный момент в профессиональной разработке.

Обработка динамически определяемых свойств

При работе с динамически определяемыми свойствами необходимо выбирать методы проверки, соответствующие контексту:

Пример:

const userPermissions = getUserPermissions(); // Получили объект с правами пользователя!
const checkPermission = (permission) => !('permission' in userPermissions);

if (checkPermission('adminAccess')) {
  // Если доступа администратора нет, выполнить функцию не получится.
}

Управление состоянием

В системах управления состоянием наличие или отсутствие свойства может играть ключевую роль:

Пример:

const featureFlags = getFeatureFlags();

if (!('newFeature' in featureFlags)) {
  // Функционал новой возможности отключен
}

Обработка необязательных полей

При анализе данных JSON мы часто сталкиваемся с полями, которые могут отсутствовать:

Пример:

const userData = JSON.parse(responseData);

if (!('age' in userData)) {
  // Возраст пользователя не указан
}

Визуализация

Используя игровую форму, демонстрируем логику оператора "не содержит":

const house = {'bedroom': true, 'kitchen': true, 'bathroom': false};

// Проверяем, есть ли 'garage' в доме
'garage' in house ? '🚗 есть' : '🚗 нет'; // Ищем 'garage'

Теперь представим:

Наш дом (🏠): [спальня (🛏), кухня (🍳), ванная (🚽)]
Проверка на гараж (🚗): ❓

Результат:
🚗 нет // Гараж, можно сказать: "Меня здесь нет!" 🙈

Представьте:

Если бы гараж (🚗) был игрушечной машиной, а дом (🏠) – ящиком для игрушек,
мы бы проверили, не оставили ли в ящике игрушку, которую следовало убрать.

Объясняем работу оператора in: оператора "не содержит" нет

Понимание оператора in важно для написания эффективного и понятного кода.

Цепочка прототипов: понимаем, как это работает

Если вы понимаете, как работает цепочка прототипов, это поможет вам избежать ошибок. Чтобы проверить только собственные свойства, используйте специализированные методы.

Булева алгебра: простота выше всего

Булева алгебра помогает упростить условия. Используйте простую проверку:

if (!('ключ' in объект)) { /* ... */ }

вместо излишних ухищрений:

if (!('ключ' in объект) === false) { /* ... */ }

Оптимизация кода: принцип минимализма

Избегайте лишних конструкций if-else, используя прямые проверки, которые возвращают булево значение:

const accessGranted = !('restricted' in userRoles); // Проверка доступа

Это значение можно использовать напрямую в условных выражениях.

Полезные материалы

1. in – JavaScript | MDN — статья, объясняющая оператор проверки наличия свойств в объектах.
2. Object.prototype.hasOwnProperty() – JavaScript | MDN — справочник по использованию метода проверки собственных свойств.
3. no-prototype-builtins – ESLint – Подключаемый линтер JavaScript — рекомендации по безопасному использованию свойств прототипа.
4. Object.keys() – JavaScript | MDN — руководство по методу, позволяющему получить массив имен собственных перечислимых свойств объекта.
5. Подводные камни использования объектов как мапов в JavaScript — статья о трудностях использования объектов в качестве хеш-мап.
6. Спецификация языка ECMAScript® 2018 — документация, касающаяся оператора in и других реляционных операторов.
7. Атрибуты и дескрипторы свойств — обзор атрибутов свойств и дескрипторов в JavaScript.