Вивчайте Робота з Елементами Масиву

Свайпніть щоб показати меню

Ви вже знаєте, як створювати масиви, але що робити, якщо ваш керівник попросить видалити перший або останній елемент з масиву? Або, можливо, додати елемент до масиву? Що, якщо вам доручать знайти довжину масиву (кількість елементів у масиві)? Тоді ви скажете, що не знаєте, як це зробити, і можете втратити роботу 😩.

Але не хвилюйтеся! У цьому розділі ви дізнаєтеся, як це зробити, і ми розглянемо базові методи роботи з масивами!

Додавання елементів до масиву

Почнемо з найпростішого: як додати елемент до масиву? Для цього можна використати метод push! Розглянемо приклад:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4);
console.log(numbers);

Отже, ми додали елемент до масиву numbers. Також можна додати декілька елементів одночасно за допомогою методу push:


              123
            
let numbers: number[] = [1, 2, 3];
let newLength = numbers.push(4, 5);
console.log(numbers);

Видалення останнього елемента

Якщо потрібно непомітно видалити останній елемент з масиву, це можна зробити за допомогою методу pop(). Цей метод видаляє останній елемент масиву та повертає його. Розглянемо приклад:


              1234
            
let numbers: number[] = [1, 2, 3];
let lastElement = numbers.pop();
console.log(`array after modifying: ${numbers}`);
console.log(`the last element was ${lastElement}`);

Зверніть увагу, що повернення значення означає присвоєння його іншій змінній. Тобто, ми присвоюємо значення змінній за допомогою методу масиву. Про те, що таке методи, функції та їх відмінності, ми поговоримо у наступному розділі.

Видалення першого елемента

Метод shift() видаляє перший елемент масиву та повертає його значення, наприклад:


              123
            
let numbers: number[] = [1, 2, 3];
let firstElement = numbers.shift();
console.log(`numbers: ${numbers}, deleted element: ${firstElement}`);

Існує також метод reverse, який, навпаки, додає один або декілька елементів на початок масиву та повертає нову довжину масиву, наприклад:


              123
            
let numbers: number[] = [2, 3, 4];
let newLength = numbers.unshift(0, 1);
console.log(`numbers: ${numbers} with length: ${newLength}`);

Об'єднання масивів

TypeScript також дозволяє об'єднувати два масиви за допомогою методу concat(), який повертає новий, більший масив:


              1234
            
let array1: number[] = [1, 2];
let array2: number[] = [3, 4];
let combinedArray = array1.concat(array2); 
console.log(`combined array = ${combinedArray}`);

Можна також виділити частину масиву та зберегти її в новий масив за допомогою методу slice(). У цьому випадку необхідно вказати індекси крайніх елементів, і всі елементи між цими індексами будуть перенесені до нового масиву. Наприклад:


              123
            
let numbers: number[] = [1, 2, 3, 4, 5];
let slicedArray = numbers.slice(1, 4); 
console.log(`sliced array = ${slicedArray}`);

Примітка

Масив slicedArray містить елементи з індексу 1 (включно) до індексу 4 (невключно), тобто включає елементи з індексами 1, 2 та 3.

Це не всі методи та способи роботи з масивами, але це основні методи, які необхідно знати початківцю. У процесі вивчення TypeScript ви відкриєте для себе нові методи, або ж матеріалу цього розділу буде для вас достатньо.

1. Що робить метод `push`, коли застосовується до масиву в TypeScript?

2. Який метод використовується для видалення першого елемента з масиву в TypeScript?

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 3. Розділ 2

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат