</> Praktum

Главная / JavaScript / Фильтр списка

Урок 17 · JavaScript

Показываем часть задач, не удаляя остальные

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

Почему это следующий шаг

Список задач уже добавляется. Дальше его должно быть можно сузить поиском.

Как сделать

Отдельная строка query хранит текст фильтра. Видимые задачи — это tasks.filter, а не новый источник правды. Сравнивай в одном регистре и без краевых пробелов. Если фильтр пустой, показывай всё. Если ничего не совпало, напиши это словами, а не оставляй пустую дыру.

const visible = tasks.filter((task) => task.toLocaleLowerCase("ru").includes(query));

Что проверить

  • Стирание фильтра возвращает все задачи.
  • Регистр букв не мешает поиску.
  • Исходный массив не становится короче от фильтра.

Попробуй

Добавь поле «найти» над списком задач и сообщение «ничего не найдено».

Практикум по теме