Когда объект может быть «пустым» — опциональная цепочка спасает от ошибок!

Во вложенных данных из API часто отсутствуют поля. Вместо длинных проверок if — используем ?. для безопасного доступа без исключений.

Объект может быть null, но доступ к свойству не должен ломать код:

const user = null;
console.log(user?.name);

Если вложенный объект не задан — доступ просто вернёт undefined:

const user = {};
console.log(user?.profile?.email);

Когда структура полная — опциональная цепочка работает как обычный доступ:

const user = { settings: { theme: 'dark' } };
console.log(user.settings?.theme);

🔥 Опциональная цепочка работает для свойств, методов, индексов и повышает надёжность кода при работе с внешними данными.

📣 JS Ready | #практика

LearnJS — русскоязычный учебник, от базовых понятий до продвинутых тем чтобы освоить JS!

Удобные объяснения, примеры кода, интерактивные задания помогут прокачать навыки как новичкам, так и опытным разработчикам.

📌 Оставляю ссылочку: learnjs.ru

📣 JS Ready | #сайт

Группировка данных по ключу!

При работе с табличными данными, API-ответами или логами часто нужно группировать записи по определённому признаку — роли, категории, дате.

Исходный массив объектов — типичный кейс из API:


const users = [
  { name: "Alice", role: "admin" },
  { name: "Bob", role: "user" },
  { name: "Eve", role: "admin" },
];



Используем reduce как агрегатор. В одну строку — и читаемо, и производительно:


const grouped = users.reduce((acc, u) => {
  (acc[u.role] ||= []).push(u);
  return acc;
}, {});



Теперь grouped.admin и grouped.user содержат списки пользователей по ролям. Получить нужную подгруппу — просто:


console.log(grouped["user"]); // [{ name: "Bob", role: "user" }]



🔥 Такой приём универсален для списков любых сущностей — от заказов до логов, и легко адаптируется под бизнес-логику.

📣 JS Ready | #практика

👍 30 Seconds of Code — это коллекция полезных JS-сниппетов!

От сортировок и форматирования даты до уникальных хаков с массивами и объектами — всё в одном месте. Подходит как шпаргалка и как источник решений для повседневных задач. Каждый сниппет объяснён и готов к применению.

Оставляю ссылочку: GitHub 📱

📣 JS Ready | #репозиторий