JavaScript Ready | Программирование
8.31K subscribers
996 photos
60 videos
530 links
Авторский канал по разработке на JavaScript.
Ресурсы, обучения, задачи, шпаргалки.
Ежедневно информация пополняется!

Cотрудничество: @energy_c
Download Telegram
📱 Разбираем методы преобразования массивов!

Эти методы помогают сортировать, копировать, разворачивать и объединять данные. Особенно полезны при работе с состоянием, отображением списков и подготовкой данных к отправке или отображению.

📣 JS Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14❤12👍11🤝1
Фильтруем объекты по ключу и значению!

В разработке часто нужно фильтровать списки объектов по динамическим критериям. Это помогает отбирать нужные данные из 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 | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14🔥8👍7
📱 Задача на очистку данных!

Когда приходят грязные данные с сервера или пользователь вводит повторы — важно убрать дубликаты и сохранить порядок. Простое решение через Set не всегда подходит, если порядок критичен.

В этой задаче:
• Обрабатываем массив вручную — без потери порядка.

• Используем Set только для контроля повторов.

• Пишем функцию, которую легко переиспользовать.


Такой приём применяют при фильтрации тегов, обработке пользовательского ввода и агрегации логов.

📣 JS Ready | #задача
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15👍8❤6🤝2
This media is not supported in your browser
VIEW IN TELEGRAM
CodeCombat — это полноценная игра: ты пишешь код, а твой герой выполняет команды, побеждает врагов и решает задачи. Подходит и новичкам, и разработчикам, которые хотят отдохнуть с пользой!

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

📣 JS Ready | #сайт
Please open Telegram to view this post
VIEW IN TELEGRAM
🤝13❤6👍6🔥2
📱 Автозаполнение даты и времени в формах!

Зачем заставлять пользователя выбирать вручную, если можно подставить это автоматически?

В этом гайде:
• Заполним поля с type="date" и type="time" сразу при открытии.

• Реализуем автозаполнение только при первом фокусе — чтобы не мешать тем, кто хочет ввести вручную.

• Рассчитаем будущую дату — например, через 7 дней от сегодня, прямо в коде.


Такие улучшения экономят время, снижают количество ошибок и делают UX понятнее.

📣 JS Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16❤8🔥7🤝2
📱 Ключевые методы работы с множествами!

Шпаргалка по основным операциям с Set: добавление, удаление, проверка наличия, перебор и преобразование. Они необходимы при работе с уникальными значениями, оптимизации поиска и очистке данных без дубликатов.

📣 JS Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
❤15👍10🔥5🤝1