Чем объект отличается от массива?

Краткий ответ

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

Полный ответ

Массивы и объекты — это два основных способа хранить данные в JavaScript. Они похожи, но имеют важные отличия.

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

Массив хранит данные по числовым индексам:

const fruits = ['яблоко', 'банан', 'апельсин'];
// Индексы:     0        1        2

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

Объект хранит данные по именованным ключам:

const user = {
  name: 'Иван',
  age: 25,
  city: 'Москва'
};

Главные отличия

1. Способ хранения

• Массив: значения по числовым индексам (0, 1, 2…)
• Объект: значения по строковым ключам (name, age, city…)

2. Порядок элементов

• Массив: сохраняет порядок элементов
• Объект: порядок не всегда гарантируется (в старых браузерах)

3. Длина

• Массив: имеет свойство length
• Объект: не имеет length, но можно посчитать ключи

4. Специальные методы

• Массив: push, pop, shift, unshift, map, filter…
• Объект: Object.keys, Object.values, Object.entries…

Примеры использования

Когда использовать массив

// Список однотипных элементов
const students = ['Иван', 'Петр', 'Мария'];
const numbers = [1, 2, 3, 4, 5];

Когда использовать объект

// Описание одной сущности с разными свойствами
const car = {
  brand: 'Toyota',
  model: 'Camry',
  year: 2020
};

Общее между ними

Оба являются объектами

typeof [] // 'object'
typeof {} // 'object'

Оба передаются по ссылке

const arr = [1, 2, 3];
const obj = { a: 1 };
 
// Изменения видны везде, где есть ссылка

Простые правила

Используй массив когда:

• Нужно хранить список однотипных элементов
• Важен порядок элементов
• Работаешь с числовыми индексами

Используй объект когда:

• Нужно описать одну сущность с разными свойствами
• Работаешь с именованными полями
• Хочешь структурировать данные

Частые ошибки

1. Неправильный выбор структуры

// ❌ Плохо - список пользователей как объект
const users = {
  0: { name: 'Иван' },
  1: { name: 'Петр' }
};
 
// ✅ Хорошо - список пользователей как массив
const users = [
  { name: 'Иван' },
  { name: 'Петр' }
];

2. Смешивание подходов

// ❌ Смешивание массива и объекта
const data = [];
data.name = 'Иван'; // Не делайте так

Ключевые моменты

1. Массивы — для списков однотипных данных
2. Объекты — для структурированных данных с разными свойствами
3. Оба передаются по ссылке — осторожно с изменениями
4. Разные методы — у массивов свои методы, у объектов свои
5. Оба являются объектами — в JavaScript всё объекты (кроме примитивов)

Понимание разницы между массивами и объектами помогает правильно структурировать данные и писать более понятный код.

Хотите больше статей для подготовки к собеседованиям? Подписывайтесь на EasyAdvice, добавляйте сайт в закладки и совершенствуйтесь каждый день 💪