Массивы и объекты в JavaScript

Что такое массивы и объекты в JavaScript. Разбираем основные структуры данных, как с ними работать и где применяются. Пишем код и смотрим примеры.

Что такое массивы

Массив — это список значений, которые хранятся в одной переменной. Каждый элемент имеет свой номер — индекс, начиная с 0.

Массивы удобны, когда нужно хранить несколько однотипных значений: имена, числа, товары и т.д.

Скопировать
let fruits = ["яблоко", "банан", "груша"];
console.log(fruits[0]); // "яблоко"
console.log(fruits.length); // 3

Что такое объекты

Объект — это структура, которая хранит пары "ключ: значение". Он удобен для описания сущностей с характеристиками (например, пользователя или товара).

Скопировать
let user = {
  name: "Анна",
  age: 28,
  city: "Москва"
};

console.log(user.name); // "Анна"
console.log(user["city"]); // "Москва"

Сравнение: массивы и объекты

  • Массив — упорядоченный список (индексы: 0, 1, 2...)
  • Объект — набор свойств с именами (ключами)
  • Массив — хорош для списка значений
  • Объект — хорош для описания чего-то конкретного

Практика: создаём массив и объект

Скопировать
// Массив городов
let cities = ["Саратов", "Москва", "Казань"];

// Объект студента
let student = {
  name: "Дмитрий",
  grade: "A",
  active: true
};

console.log(cities[2]); // "Казань"
console.log(student.grade); // "A"

Типичные ошибки

  • Обращение к несуществующему элементу массива: arr[10]undefined
  • Опечатка в ключе объекта: user.nmae вместо user.name
  • Попытка обратиться к объекту как к массиву: obj[0] — не сработает

Совет: если вы не знаете, что выбрать — массив или объект, подумайте: значения идут в списке (массив) или у каждого есть имя (объект)?

Что дальше

В следующем уроке мы рассмотрим методы массивовforEach, map, filter, reduce. Это мощные инструменты для работы с данными.