Nizovi objekata u TypeScript

Nizovi u TypeScript mogu da sadrže u sebi ne samo primitive, već i objekte određenih tipova. Pogledajmo na primerima kako da radimo sa takvim nizovima.

Niz korisnika

Neka imamo interfejs koji definiše korisnika:

typescriptinterface User {
  name: string,
  age: number
}

Hajde da deklarišemo niz, navodeći kao tip njegovog sadržaja objekte sa korisnicima (tj. objekte koji implementiraju naš interfejs):

typescriptlet arr: User[] = [];

Popunimo naš niz podacima navedenog tipa:

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

Niz datuma

Deklarišimo niz koji čuva u sebi niz datuma:

typescriptlet arr: Date[] = [];

Popunimo ovaj niz datumima:

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

Niz DOM elemenata

Deklarišimo niz koji sadrži u sebi DOM elemente:

typescriptlet arr: HTMLElement[] = [];

Popunimo naš niz podacima:

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

Praktični zadaci