Масиви

Уяви, що ти пишеш список покупок або зберігаєш найкращі результати в грі.

Замість того щоб записувати кожен елемент в окрему змінну, можна згрупувати пов'язані значення в один список. У JavaScript такий список називається масивом.

Що таке масив

Масив — це спеціальний контейнер, який зберігає кілька значень в одній змінній.

Замість того щоб зберігати тільки одну частину інформації, наприклад одне число або одне слово, масив може зберігати список пов'язаних значень в одному місці.

Чому масиви корисні

Уяви, що ти хочеш зберегти свої улюблені кольори.

Можна створити окремі змінні, наприклад color1, color2 і color3. Для трьох кольорів це може спрацювати, але якщо потрібно зберегти значно більше, код стане незручним.

Масиви допомагають організувати пов'язані дані під одним іменем змінної.

Перший приклад коду

Ось як створити простий масив у JavaScript.

const favoriteFoods = ["pizza", "tacos", "sushi", "burgers"];

console.log(favoriteFoods);

Пояснення коду

Розберімо, як ми створили список вище:

• Масиви використовують квадратні дужки [].
• Кожен елемент усередині масиву відокремлюється комою.
• Увесь список зберігається в одній змінній favoriteFoods.
• console.log(favoriteFoods) надсилає весь масив у секцію виводу після натискання Запустити.

Читання одного елемента з масиву

Часто тобі не потрібен увесь список одразу. Може знадобитися прочитати один конкретний елемент.

Кожен елемент у масиві має нумеровану позицію, яка називається індексом.

Індекси масивів у JavaScript починаються з 0. Це означає:

• Перший елемент має індекс 0.
• Другий елемент має індекс 1.
• Третій елемент має індекс 2.

Щоб прочитати один елемент, напиши назву масиву, а після неї квадратні дужки з номером індексу.

const colors = ["red", "blue", "green"];

console.log(colors[0]); // Це виведе "red"

За допомогою .length можна дізнатися, скільки елементів є в масиві.

const colors = ["red", "blue", "green"];

console.log(colors.length);

Це надсилає 3 у секцію виводу, бо масив має три елементи.

Міні-завдання

Подивися на блок коду colors вище.

Зміни номер індексу всередині console.log(colors[0]), щоб він вивів "blue" у секцію виводу.

Короткий тест

Запитання: Якщо в тебе є масив найкращих результатів, який номер індексу потрібно використати, щоб отримати четвертий результат у списку?

Відповідь: Потрібно використати індекс 3.

Оскільки індекси масивів починаються з 0, четвертий елемент має індекс 3.

Малий виклик

Створи масив, який зберігає три твої улюблені числа.

Потім використай console.log(), щоб прочитати й вивести тільки друге число зі свого масиву.

// напиши свій код нижче

console.log()

Підсумок

• Масив — це список кількох значень, збережених в одній змінній.
• Масиви використовують квадратні дужки [].
• Елементи всередині масиву відокремлюються комами.
• Індекси масивів починаються з 0.
• .length показує, скільки елементів є всередині масиву.