Фильтруем объекты по ключу и значению!

В разработке часто нужно фильтровать списки объектов по динамическим критериям. Это помогает отбирать нужные данные из API, работать с таблицами и списками.

Например, есть массив пользователей с разными статусами:

const data = [
  { id: 1, status: "active" },
  { id: 2, status: "inactive" },
  { id: 3, status: "active" },
];

Напишем универсальную функцию, которая принимает массив, ключ и искомое значение. Она вернёт только те объекты, где значение поля совпадает:

function filterByKey(arr, key, value) {
  return arr.filter(item => item[key] === value);
}

Используем функцию для получения только активных пользователей:

const active = filterByKey(data, "status", "active");
console.log(active); // объекты со статусом "active"

🔥 Такой приём пригодится в любой работе с данными — валидации, отображении и логике.

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

CodeCombat — это полноценная игра: ты пишешь код, а твой герой выполняет команды, побеждает врагов и решает задачи. Подходит и новичкам, и разработчикам, которые хотят отдохнуть с пользой!

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

📣 JS Ready | #сайт

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

Во вложенных данных из 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 | #практика