Робота з масивами та кортежами TypeScript

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

Масиви TypeScript

Масиви в TypeScript схожі на масиви в JavaScript, але мають додаткову перевагу анотацій типів. Це гарантує, що всі елементи в масиві відповідають певному типу.

Визначення масивів

Щоб визначити масив у TypeScript, ви вказуєте тип його елементів і []:

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];

У цьому прикладі numbers — це масив number, а names — це масив string.

Методи масиву

Масиви TypeScript підтримують різні методи, подібні до масивів JavaScript. Ось кілька поширених методів:

• push(): додає елемент у кінець масиву.
• pop(): видаляє останній елемент масиву.
• shift(): видаляє перший елемент масиву.
• unshift(): додає елемент на початок масиву.
• map(): створює новий масив шляхом застосування функції до кожного елемента.

Приклад масиву

let numbers: number[] = [1, 2, 3, 4, 5];
numbers.push(6); // [1, 2, 3, 4, 5, 6]
let doubled = numbers.map(n => n * 2); // [2, 4, 6, 8, 10, 12]

Кортежі TypeScript

Кортежі — це особливий тип масиву в TypeScript, де кожен елемент може мати інший тип. Кортежі корисні, коли вам потрібно працювати з фіксованою кількістю елементів різних типів.

Визначення кортежів

Щоб визначити кортеж, використовуйте квадратні дужки [] із зазначеними типами для кожного елемента:

let person: [string, number] = ["Alice", 30];

У цьому прикладі person — це кортеж, де перший елемент — рядок, а другий — число.

Доступ до кортежних елементів

Доступ до елементів кортежу за допомогою їх індексу, подібно до масивів:

let person: [string, number] = ["Alice", 30];
let name = person[0]; // "Alice"
let age = person[1]; // 30

Кортеж з необов'язковими елементами

Кортежі також можуть містити додаткові елементи:

let person: [string, number?] = ["Alice"];
let personWithAge: [string, number?] = ["Bob", 30];

У цьому прикладі другий елемент у кортежі необов’язковий.

Висновок

Масиви та кортежі TypeScript пропонують ефективні способи обробки колекцій даних із високою безпекою типів. Розуміючи, як визначати, маніпулювати та використовувати масиви та кортежі, ви зможете писати надійніший код, який зручно підтримувати. Використовуйте масиви для списків однорідних даних і кортежі для колекцій фіксованого розміру з різнорідними даними.