Array (массив) — это особая структура данных, которая может хранить несколько значений одновременно в одном месте. В обычной переменной хранится только одно значение, а в массиве — сколько угодно. В JavaScript массивы записываются в квадратных скобках [ ], а элементы внутри разделяются запятыми.

Сравнение с реальной жизнью

Представьте список покупок: хлеб, молоко, сыр. Этот список и есть массив — несколько данных хранятся в одном месте, каждый продукт является отдельным элементом. Или представьте классный журнал — в нём все имена учеников записаны в одном списке. Это тоже массив.

Как создать Array?

Самый простой способ создать массив — использовать квадратные скобки:

let fruits = ["apple", "pear", "banana", "grape"];

let numbers = [1, 2, 3, 4, 5];

let mixed = ["Leyla", 25, true]; // можно хранить разные типы данных

Внутрь массива можно помещать текст, числа, boolean (true/false) и даже другие массивы.

Что такое Index?

У каждого элемента массива есть свой порядковый номер — индекс. Важный момент: индексы начинаются с 0, а не с 1.

let fruits = ["apple", "pear", "banana"];

// 0 1 2

console.log(fruits[0]); // "apple"

console.log(fruits[1]); // "pear"

console.log(fruits[2]); // "banana"

То есть первый элемент имеет индекс 0, второй — 1, третий — 2.

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

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

let fruits = ["apple", "pear", "banana"];

console.log(fruits.length); // 3

Добавление и удаление элементов

После создания массива можно добавлять новые элементы и удалять существующие:

let fruits = ["apple", "pear"];

fruits.push("banana"); // добавить в конец → ["apple", "pear", "banana"]

fruits.unshift("cherry"); // добавить в начало → ["cherry", "apple", "pear", "banana"]

fruits.pop(); // удалить последний → ["cherry", "apple", "pear"]

fruits.shift(); // удалить первый → ["apple", "pear"]

Перебор массива — с помощью Loop

Чтобы вывести все элементы массива, чаще всего используем forEach или цикл for:

let fruits = ["apple", "pear", "banana"];

fruits.forEach(function(fruit) {

console.log(fruit);

});

// apple

// pear

// banana

Почему это важно?

На веб-страницах мы всегда работаем не с одним, а со множеством данных — списки товаров, пользователи, изображения, элементы меню. Вместо того чтобы записывать каждое значение в отдельную переменную, мы собираем их в массив и легко перебираем. Без понимания массивов написать реальный веб-проект практически невозможно.

de Fable 5 is currently unavaila