Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Вивчайте Робота з Елементами Масиву | Масиви
Вступ до TypeScript

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

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

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

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

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


              
123

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

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


              
123

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

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

Якщо потрібно непомітно видалити останній елемент з масиву, це можна зробити за допомогою методу 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}`);
copy

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

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

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


              
123

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

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


              
123

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

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

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


              
1234

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

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


              
123

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

Примітка

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

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

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

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

question mark

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

Select the correct answer

question mark

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

Select the correct answer

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

Як ми можемо покращити це?

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

Awesome!

Completion rate improved to 2.94

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

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

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

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

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

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


              
123

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

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


              
123

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

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

Якщо потрібно непомітно видалити останній елемент з масиву, це можна зробити за допомогою методу 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}`);
copy

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

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

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


              
123

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

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


              
123

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

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

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


              
1234

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

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


              
123

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

Примітка

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

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

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

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

question mark

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

Select the correct answer

question mark

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

Select the correct answer

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

Як ми можемо покращити це?

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

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