Глава 5. JavaScript: функции, объекты, массивы

Зачем эта глава

В React почти всё — это функции и объекты. Мы будем постоянно писать компоненты-функции и хранить данные в объектах и массивах.

Теория (коротко)

Функция — это блок кода, который можно вызывать много раз.

Объект — набор свойств. Например, пользователь с именем и возрастом.

Массив — список элементов. В React мы часто рендерим списки.

Примеры функций

JS
function greet(user) {
  return `Привет, ${user.name}`;
}

const sum = (a, b) => a + b;

Примеры объектов и массивов

JS
const user = {
  name: "Аня",
  role: "designer"
};

const tasks = ["План", "Дизайн", "Код"];
const firstTask = tasks[0];
Важно: в React часто используют методы массивов map, filter, find.

Задания

Задание: тренируем базу

  • Напиши функцию fullName, которая склеивает имя и фамилию.
  • Создай объект product с ценой и названием.
  • Создай массив из 5 дел и выведи первый элемент.

Проверка себя

Ты понимаешь, как объявлять функции и работать с объектами и массивами.

Мини-проект

Цель: список покупок.

Требования: массив товаров и функция, которая добавляет новый товар.

Критерий готовности: функция возвращает обновлённый список.

Словарь главы

Функция
Код, который можно выполнять многократно.
Объект
Сущность с набором свойств.
Массив
Упорядоченный список элементов.