Масиви та кортежі

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

Масиви (однорідні колекції)

У TypeScript є два еквівалентні способи визначення типу масиву, що містить елементи одного типу:

1. Використовуючи тип елемента з квадратними дужками ([]):

   TS

   Копія

   const numbers: number[] = [1, 2, 3];
   const strings: string[] = ['a', 'b', 'c'];

2. Використання загального типу Array<T>:

   TS

   Копія

   const numbers: Array<number> = [1, 2, 3];

Обидва синтаксиси є цілком дійсними, але перший (type[]) є звичайним і найпоширенішим стилем. Якщо ви спробуєте вставити недійсне значення (наприклад, numbers.push("hello") в масив number[]), TypeScript створить помилку під час компіляції.

Кортежі (масиви фіксованої довжини)

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

Наприклад, щоб зберегти HTTP-відповідь, що складається з коду стану (число) і повідомлення (рядок):

const response: [number, string] = [200, 'OK'];

У цьому випадку:

• Перший елемент (response[0]) має бути number.
• Другий елемент (response[1]) має бути string.
• Масив має бути ініціалізований рівно 2 елементами.

Кортежі лише для читання (readonly)

Важливою деталлю кортежів у TypeScript є те, що під час виконання вони є звичайними масивами JavaScript. Це означає, що такі мутаційні методи, як .push() або .pop(), технічно доступні та можуть змінювати довжину кортежу, частково обходячи перевірку типу.

Щоб запобігти такій поведінці та забезпечити справжню незмінність, ми можемо використати модифікатор readonly:

const point: readonly [number, number] = [10, 20];
// point.push(30); // Compile-time error!

Спробуйте самі

Вправа 1: масив чисел

Вправа 2: Тривимірний кортеж координат

Вправа 3: Кортеж інформації про місцезнаходження

Вправа 4: Кортеж записів журналу