Справочник JavaScript
Основы языка и работа со страницей: данные, функции, DOM, события, формы, асинхронные запросы и локальные настройки. Примеры для самостоятельной проверки.
let и const: переменные и область видимости
Как объявлять значения, отличать переназначение от изменения объекта и избегать лишних глобальных переменных.
Типы JavaScript: строки, числа, null и undefined
Как понимать значение переменной и не смешивать отсутствие данных с пустой строкой или нулём.
Сравнения JavaScript: ===, == и проверка значений
Почему строгое сравнение обычно проще предсказать и как учитывать преобразование типов.
Условия if и оператор ??
Как выбирать ветку выполнения и сохранять допустимые нули и пустые значения.
Циклы for и for...of: повторение действий
Как перебрать массив, получить индекс и не заблокировать страницу бесконечным циклом.
Функции JavaScript: параметры и return
Как выделять повторяемую логику и отличать возвращаемое значение от вывода в консоль.
Массивы JavaScript: список значений
Как читать элементы, добавлять значения и понимать изменение исходного списка.
Методы map и filter: преобразование списков
Как получить новый список значений или выбрать подходящие элементы без ручного накопления.
Объекты JavaScript: свойства и значения
Как описывать сущности, читать поля и работать с динамическими именами свойств.
Деструктуризация: извлечение полей
Как присваивать свойства объекта и элементы массива понятным локальным именам.
Оператор spread: копирование и объединение
Как создавать новые массивы и объекты и помнить о поверхностном копировании.
Шаблонные строки: текст с выражениями
Как собирать сообщения и многострочный текст без длинной цепочки сложения строк.
DOM: поиск элементов и изменение текста
Как найти элемент страницы, обработать его отсутствие и безопасно обновить содержимое.
События JavaScript: addEventListener
Как реагировать на действия пользователя, не смешивая разметку с обработчиками.
classList: переключение оформления
Как добавлять и удалять CSS-классы и синхронизировать видимое состояние с доступностью.
FormData: чтение значений формы
Как получить отправляемые поля и учитывать повторяющиеся имена и флажки.
JSON: обмен данными и проверка структуры
Как сериализовать простые данные, обработать ошибку разбора и не путать JSON с произвольным JavaScript.
Promise и async/await: асинхронный результат
Как дождаться результата, обработать отказ и не путать ожидание с блокировкой всей страницы.
fetch: загрузка JSON с обработкой ошибок
Как отличать сетевой отказ от HTTP-ошибки и показывать результат только после проверки.
localStorage: локальные настройки интерфейса
Как сохранить небольшую настройку в браузере и не принимать локальное хранилище за защищённую базу.
Array.find(): первый элемент по условию
Метод find возвращает первый элемент массива, для которого функция проверки дала истинный результат.
Array.findIndex(): индекс первого совпадения
Метод findIndex возвращает позицию первого элемента массива, удовлетворяющего условию.
Array.some(): существует ли подходящий элемент
Метод some отвечает логическим значением, есть ли в массиве хотя бы один элемент, соответствующий условию.
Array.every(): выполняется ли условие для всех
Метод every проверяет, удовлетворяют ли все посещаемые элементы массива заданному условию.
Array.includes(): проверка наличия значения
Метод includes проверяет, встречается ли значение в массиве, и возвращает true или false.
Array.indexOf(): позиция значения без условия
Метод indexOf ищет значение в массиве и возвращает индекс первого совпадения либо -1.
Array.slice(): копия части массива
Метод slice возвращает новый массив с выбранным диапазоном элементов, не удаляя их из исходного.
Array.splice(): изменение массива на месте
Метод splice удаляет или вставляет элементы в существующий массив и возвращает массив удалённых значений.
Array.concat(): объединение без изменения источников
Метод concat создаёт новый массив из исходного и переданных значений или массивов.
Array.join(): строка из элементов массива
Метод join соединяет строковые представления элементов массива с заданным разделителем.