Урок: Базовые операции (push, length)

Введение

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

Представь список задач на день. Ты добавляешь новые задачи по мере необходимости и время от времени смотришь, сколько их всего. Или список сообщений в чате — новые сообщения приходят, и система должна понимать, сколько их сейчас.

В программировании это ровно те же действия. Массив — это список, и с ним нужно уметь:

• добавлять новые элементы;
• узнавать его размер.

Для этого в JavaScript есть простые, но очень важные инструменты: метод push и свойство length.

Как добавлять элементы в массив

Начнём с самого частого действия — добавления новых элементов.

let tasks = ['Купить хлеб', 'Позвонить'];

tasks.push('Сделать уроки');

console.log(tasks);

Результат будет:

["Купить хлеб", "Позвонить", "Сделать уроки"]

Разберём, что здесь происходит.

push — это метод массива, который добавляет новый элемент в конец.

Когда мы пишем tasks.push('Сделать уроки'), мы говорим: «возьми массив tasks и добавь в него новый элемент в конец».

Тот же вызов в отдельном запуске (каждый блок в теории выполняется изолированно):

let tasks = ['Купить хлеб', 'Позвонить'];
tasks.push('Сделать уроки');

console.log('Массив после push:', tasks);

Важно понять: push изменяет сам массив. Он не создаёт новый, а добавляет значение в существующий.

Добавление нескольких элементов

Метод push может принимать сразу несколько значений.

let numbers = [1, 2];

numbers.push(3, 4, 5);

console.log(numbers);

Результат:

[1, 2, 3, 4, 5]

Здесь все значения добавляются последовательно в конец массива.

Это удобно, когда нужно быстро расширить список.

Что возвращает push

Интересная особенность: push возвращает длину массива после добавления.

let numbers = [1, 2];

let result = numbers.push(3);

console.log(result);

Результат будет 3.

Это означает, что теперь в массиве три элемента.

Но чаще всего это значение не используют, а просто добавляют элементы.

Как узнать длину массива

Чтобы узнать, сколько элементов находится в массиве, используется свойство length.

let names = ['Stepan', 'Ivan', 'Anna'];

console.log(names.length);

Результат будет 3.

length — это не метод, а свойство. Поэтому его вызывают без скобок.

Он всегда показывает текущее количество элементов в массиве.

Как используется length на практике

Свойство length часто используется вместе с индексами.

let names = ['Stepan', 'Ivan', 'Anna'];

console.log(names[names.length - 1]);

Результат будет "Anna".

Здесь происходит следующее:

• names.length → 3
• 3 - 1 → 2
• names[2] → последний элемент

Таким образом можно получить последний элемент массива.

Связь между push и length

Интересно, что push и length тесно связаны.

Когда мы добавляем элемент:

let numbers = [1, 2, 3];

numbers.push(4);

console.log(numbers.length);

Результат будет 4.

Это происходит потому, что массив увеличивается, и length автоматически обновляется.

Фактически, push добавляет элемент на позицию с индексом, равным текущей длине массива.

Что происходит внутри массива

Чтобы лучше понять, как работает push, можно представить массив как последовательность ячеек:

[0] [1] [2]
 1   2   3

Когда вызывается push, новое значение добавляется в следующую свободную позицию:

let numbers = [1, 2, 3];
numbers.push(4);

console.log('Длина после добавления:', numbers.length);
console.log(numbers);

[0] [1] [2] [3]
 1   2   3   4

Именно поэтому индекс нового элемента равен length до добавления.

Где это используется на практике

Операции push и length используются практически в каждом приложении.

Когда пользователь добавляет товар в корзину — используется push. Когда приходит новое сообщение — оно добавляется в массив. Когда нужно отобразить количество элементов — используется length.

Например:

• список задач;
• чат;
• корзина товаров;
• результаты поиска.

Без этих операций невозможно работать с динамическими списками.

Итоговое понимание

Метод push и свойство length — это базовые инструменты для работы с массивами.

push отвечает за добавление новых элементов, а length — за понимание размера массива.

Ключевая идея в том, что массив — это не просто список, а структура, которая может расти и изменяться во время работы программы.

Именно через такие простые операции начинается работа с динамическими данными.