JavaScript: масиви

Масиви та базові методи

📖 Теорія

Масив — впорядкована колекція значень (індекс з 0).

JavaScript
1class="hl-keyword">const fruits = [class="hl-string">'яблуко', class="hl-string">'банан', class="hl-string">'вишня'];
2fruits[0]          class="hl-comment">// class="hl-string">'яблуко'
3fruits.length      class="hl-comment">// 3

fruits[fruits.length - 1] // 'вишня' — останній елемент

Додавання/видалення:

JavaScript
1fruits.push(class="hl-string">'груша')       class="hl-comment">// додати в кінець, повертає нову довжину
2fruits.pop()               class="hl-comment">// видалити з кінця, повертає елемент
3fruits.unshift(class="hl-string">'диня')     class="hl-comment">// додати на початок
4fruits.shift()             class="hl-comment">// видалити з початку
5fruits.splice(1, 1)        class="hl-comment">// видалити 1 елемент з індексу 1
6fruits.splice(1, 0, class="hl-string">'ківі') class="hl-comment">// вставити class="hl-string">'ківі' на позицію 1

Пошук:

JavaScript
1fruits.indexOf(class="hl-string">'банан')    class="hl-comment">// 1 або -1 якщо не знайдено
2fruits.includes(class="hl-string">'вишня')   class="hl-comment">// true/false
3fruits.find(f => f.length > 5)  class="hl-comment">// перший що підходить
4fruits.findIndex(f => f === class="hl-string">'вишня') class="hl-comment">// індекс

Копіювання та об'єднання:

💡 Приклад коду
Вивід:

                            
📝 ЗАВДАННЯ (3)
1.
Завдання 1: Маніпуляції з масивом
10 XP
Починаючи з масиву nums = [3, 1, 4, 1, 5]:
1. Додай 9 в кінець
2. Видали перший елемент
3. Виведи масив через console.log
4. Виведи його довжину
💡 Підказка: push() додає в кінець, shift() видаляє з початку
🔓 Розв'язок:
const nums = [3, 1, 4, 1, 5];
nums.push(9);
nums.shift();
console.log(nums);
console.log(nums.length);
Вивід:

                                

2.
Завдання 2: Пошук в масиві
20 XP
Маємо масив words = ['кіт', 'собака', 'папуга', 'хом'як', 'кролик'].
Виведи:
1. Чи є слово 'собака' в масиві (true/false)
2. Перше слово довжиною більше 5 символів
3. Індекс слова 'хом'як'
💡 Підказка: includes(), find(), indexOf()
🔓 Розв'язок:
const words = ['кіт', 'собака', 'папуга', 'хомяк', 'кролик'];
console.log(words.includes('собака'));
console.log(words.find(w => w.length > 5));
console.log(words.indexOf('хомяк'));
Вивід:

                                

3.
Завдання 3: Об'єднання та копіювання
30 XP
Маємо два масиви:
evens = [2, 4, 6]
odds = [1, 3, 5]

Виведи:
1. Об'єднаний масив (всі 6 елементів, спочатку evens)
2. Відсортований об'єднаний масив (sort())
3. Чи рівні evens та [...evens] (===)
💡 Підказка: Для об'єднання використай spread [...a, ...b]. sort() мутує масив!
🔓 Розв'язок:
const evens = [2, 4, 6];
const odds = [1, 3, 5];
const merged = [...evens, ...odds];
console.log(merged);
const sorted = [...merged].sort((a, b) => a - b);
console.log(sorted);
console.log(evens === [...evens]);
Вивід: