Тема 7

Масиви

Що таке масиви та для чого потрібні

Масиви є важливим інструментом у багатьох програмах, оскільки вони дозволяють зберігати і керувати колекцією значень у впорядкованому способі. Масиви можуть містити значення будь-якого типу даних, включаючи числа, рядки, об'єкти та інші масиви. Вони надають можливість доступу до елементів за допомогою індексів та виконувати різноманітні операції з цими елементами.
Основна ідея масивів полягає в тому, що вони дозволяють зберігати групу значень у одній змінній. Замість того, щоб мати окремі змінні для кожного значення, ми можемо створити масив, в якому можна зберігати всі ці значення разом.
Масив – це спеціальний тип змінної, який дозволяє зберігати багато значень одночасно в одному місці. Наприклад, замість того, щоб створювати багато змінних для кожного імені, ми можемо створити масив і зберегти всі імена в ньому. Масиви схожі на ящики, де кожен ящик може містити певне значення.

let fruits = ['apple', 'banana', 'orange'];

Ми створили масив fruits, в якому зберігаються три елементи: "apple", "banana" і "orange".

Доступ до елементів та їх зміна

Кожен елемент у масиві має своє місце або індекс. Індекси починаються з 0. Щоб отримати елемент масиву або змінити його, ми використовуємо індекс.

let fruits = ['apple', 'banana', 'orange'];
console.log(fruits[0]); // 'apple'

Ми отримуємо перший елемент (індекс 0) – це "apple".

Щоб змінити елемент:

let fruits = ['apple', 'banana', 'orange'];
console.log(fruits[0]); // 'apple' 
fruits[1] = 'kiwi';
console.log(fruits); // ['apple', 'kiwi', 'orange']

Ми змінили другий елемент (індекс 1), присвоївши йому значення "kiwi".

Довжина масиву (.length)

Ми можемо дізнатися, скільки елементів у масиві, використовуючи властивість .length.

let fruits = ['apple', 'banana', 'orange'];
console.log(fruits.length); // 3

Масив fruits має 3 елементи, тому в консолі нам виведеться відповідь 3.

Додавання елементів (push())

Якщо ми хочемо додати новий елемент до кінця масиву, ми можемо використовувати метод push().

let fruits = ['apple', 'banana'];
fruits.push('orange');
console.log(fruits); // ['apple', 'banana', 'orange']

Ми додали "orange" до кінця масиву.

Видалення елементів (pop())

Якщо ми хочемо видалити останній елемент з масиву, використовуємо метод pop().

let fruits = ['apple', 'banana', 'orange'];
fruits.pop();
console.log(fruits); // ['apple', 'banana']

Останній елемент "orange" був видалений.

Інтерація по масиву (forEach())

Ми можемо пройтися по кожному елементу масиву за допомогою методу forEach(). Це дозволяє виконати певну дію для кожного елемента.

let fruits = ['apple', 'banana', 'orange'];
fruits.forEach(function(fruit) {
  console.log(fruit);
});
// Виведе:
// 'apple'
// 'banana'
// 'orange'

forEach() проходить через кожен елемент масиву і виводить його.

Використання .indexOf()

Метод .indexOf() допомагає знайти індекс певного елемента в масиві. Якщо елемент не знайдено, повертається -1.

let fruits = ['apple', 'banana', 'orange'];
let index = fruits.indexOf('banana');
console.log(index); // 1

Ми отримали індекс "banana" – це 1.

Видалення елементів з масиву за допомогою splice()

Метод splice() дозволяє не тільки видаляти елементи з масиву, але й додавати нові елементи в будь-яке місце масиву. Наприклад, якщо ви хочете видалити елемент за певним індексом, можна використати splice().

let fruits = ["яблуко", "банан", "апельсин"];
fruits.splice(1, 1); // Видаляємо елемент з індексом 1 (банан)
console.log(fruits); // ["яблуко", "апельсин"]

Пояснення:
В масиві fruits є три елементи. Використовуючи splice(1, 1), ми вказуємо, що потрібно видалити один елемент, починаючи з індексу 1 (це елемент "банан").
Після видалення масив складається з двох елементів: ["яблуко", "апельсин"].

1. Видаляємо елементи

let box = ["red", "green", "yellow"];
box.splice(1, 1); // Починаємо з 1 (тобто "green"), вирізаємо 1
console.log(box); // ["red", "yellow"]

2. Вставляємо елементи

let box = ["red", "yellow"];
box.splice(1, 0, "green"); // З 1 нічого не видаляємо, вставляємо "green"
console.log(box); // ["red", "green", "yellow"]

3. Видаляємо та вставляємо

let box = ["red", "green", "yellow"];
box.splice(1, 1, "purple"); // Видаляємо "green", вставляємо "purple"
console.log(box); // ["red", "purple", "yellow"]

Таблиця.
.length, push(), pop(), forEach(), .indexOf(), splice()

build info

compiler: 2.0.5.1 · 4054EF9BF6C4510A
built: 2026-11-08 14:31:25 UTC