Глава 5. JavaScript: функции, объекты, массивы
Зачем эта глава
В React почти всё — это функции и объекты. Мы будем постоянно писать компоненты-функции и хранить данные в объектах и массивах.
Теория (коротко)
Функция — это блок кода, который можно вызывать много раз.
Объект — набор свойств. Например, пользователь с именем и возрастом.
Массив — список элементов. В React мы часто рендерим списки.
Примеры функций
function greet(user) {
return `Привет, ${user.name}`;
}
const sum = (a, b) => a + b;
Примеры объектов и массивов
const user = {
name: "Аня",
role: "designer"
};
const tasks = ["План", "Дизайн", "Код"];
const firstTask = tasks[0];
Важно: в React часто используют методы массивов map, filter, find.
Задания
Задание: тренируем базу
- Напиши функцию fullName, которая склеивает имя и фамилию.
- Создай объект product с ценой и названием.
- Создай массив из 5 дел и выведи первый элемент.
Проверка себя
Ты понимаешь, как объявлять функции и работать с объектами и массивами.
Мини-проект
Цель: список покупок.
Требования: массив товаров и функция, которая добавляет новый товар.
Критерий готовности: функция возвращает обновлённый список.
Словарь главы
- Функция
- Код, который можно выполнять многократно.
- Объект
- Сущность с набором свойств.
- Массив
- Упорядоченный список элементов.