Matrice de obiecte în TypeScript

Matricele în TypeScript pot conține în ele nu doar primitive, dar și obiecte de anumite tipuri. Să vedem cu exemple cum să lucrăm cu astfel de matrice.

Matrice de utilizatori

Să presupunem că avem o interfață care definește un utilizator:

interface User {
	name: string,
	age: number
}

Să declarăm o matrice, specificând ca tip al conținutului său obiecte cu utilizatori (adică obiecte care implementează interfața noastră):

let arr: User[] = [];

Să umplem matricea noastră cu date de tipul specificat:

arr.push({name: 'john', age: 30});
arr.push({name: 'eric', age: 40});

Matrice de date

Să declarăm o matrice care stochează în sine un matrice de date:

let arr: Date[] = [];

Să umplem această matrice cu date:

arr.push(new Date(2030, 11, 31));
arr.push(new Date(2020, 11, 31));

Matrice de elemente DOM

Să declarăm o matrice care conține în sine elemente DOM:

let arr: HTMLElement[] = [];

Să umplem matricea noastră cu date:

let lst: NodeList = document.querySelectorAll('div');
let arr: HTMLElement[] = Array.from(lst);

Probleme practice

Creați o matrice ale cărei elemente vor fi expresii regulate.

Creați o matrice ale cărei elemente vor fi promise-uri.

Creați o interfață care descrie un angajat. Creați o matrice formată din obiecte cu acești angajați.