Matrice și tuplu

În JavaScript, matricele pot conține orice tip de elemente și pot crește sau micșora dinamic. TypeScript adaugă verificarea statică a tipului pentru a se asigura că colecțiile rămân omogene sau respectă o structură de tip fix.

Matrice (colecții omogene)

În TypeScript, există două moduri echivalente de a defini tipul unui tablou care conține elemente de același tip:

1. Folosind tipul de element urmat de paranteze drepte ([]):

   TS

   Copiere

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

2. Folosind tipul generic Array<T>:

   TS

   Copiere

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

Ambele sintaxe sunt pe deplin valide, dar prima (type[]) este stilul convențional și cel mai comun. Dacă încercați să inserați o valoare nevalidă (de exemplu, numbers.push("hello") pe o matrice number[]), TypeScript va genera o eroare la timp de compilare.

Tupluri (matrice cu lungime fixă)

Un tuplu este un tip special de matrice care are un număr fix de elemente unde fiecare element are un tip specific predefinit pe baza poziției sale.

De exemplu, pentru a stoca un răspuns HTTP format dintr-un cod de stare (număr) și un mesaj (șir):

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

În acest caz:

• Primul element (response[0]) trebuie să fie un number.
• Al doilea element (response[1]) trebuie să fie un string.
• Matricea trebuie inițializată cu exact 2 elemente.

Tupluri numai pentru citire (readonly)

Un detaliu important despre tupluri din TypeScript este că, în timpul rulării, acestea sunt matrice JavaScript normale. Aceasta înseamnă că metodele mutative precum .push() sau .pop() sunt disponibile din punct de vedere tehnic și ar putea modifica lungimea tuplului, ocolind parțial verificările de tip.

Pentru a preveni acest comportament și pentru a impune adevărata imuabilitate, putem folosi modificatorul readonly:

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

Încercați-l singur

Exercițiul 1: Matrice de numere

Exercițiul 2: Tuplu de coordonate 3D

Exercițiul 3: Informații despre locație Tuple

Exercițiul 4: Tuplu de intrare în jurnal