Polja objektov v TypeScript

Polja v TypeScript lahko vsebujejo ne le primitivne tipe, ampak tudi objekte določenih tipov. Oglejmo si s primeri, kako delati s takšnimi polji.

Polje uporabnikov

Recimo, da imamo vmesnik, ki določa uporabnika:

typescriptinterface User {
  name: string,
  age: number
}

Deklarirajmo polje, tako da določimo tip njegove vsebine kot objekte z uporabniki (tj. objekte, ki izvajajo naš vmesnik):

typescriptlet arr: User[] = [];

Zapolnimo naše polje s podatki navedenega tipa:

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

Polje datumov

Deklarirajmo polje, ki hrani v sebi polje datumov:

typescriptlet arr: Date[] = [];

Zapolnimo to polje z datumi:

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

Polje DOM elementov

Deklarirajmo polje, ki vsebuje v sebi DOM elemente:

typescriptlet arr: HTMLElement[] = [];

Zapolnimo naše polje s podatki:

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

Praktične naloge