Array di oggetti in TypeScript

Gli array in TypeScript possono contenere non solo primitive, ma anche oggetti di tipi specifici. Vediamo con esempi come lavorare con tali array.

Array di utenti

Supponiamo di avere un'interfaccia che definisce un utente:

typescriptinterface User {
  name: string,
  age: number
}

Dichiariamo un array, specificando come tipo del suo contenuto oggetti con utenti (cioè oggetti che implementano la nostra interfaccia):

typescriptlet arr: User[] = [];

Riempiamo il nostro array con dati del tipo specificato:

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

Array di date

Dichiariamo un array che memorizza un array di date:

typescriptlet arr: Date[] = [];

Riempiamo questo array con date:

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

Array di elementi DOM

Dichiariamo un array contenente elementi DOM:

typescriptlet arr: HTMLElement[] = [];

Riempiamo il nostro array con dati:

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

Compiti pratici