Objektu masīvi TypeScript

Masīvi TypeScript var saturēt sevī ne tikai primitīvus, bet arī objektus noteiktiem tipiem. Apskatīsim ar piemēriem, kā strādāt ar šādiem masīviem.

Lietotāju masīvs

Pieņemsim, ka mums ir interfeiss, kas definē lietotāju:

typescriptinterface User {
  name: string,
  age: number
}

Deklarēsim masīvu, norādot kā tā satura tipu objektus ar lietotājiem (t.i., objektus, kas implementē mūsu interfeisu):

typescriptlet arr: User[] = [];

Aizpildīsim mūsu masīvu ar datiem norādītā tipa:

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

Datumu masīvs

Deklarēsim masīvu, kas glabā sevī datumu masīvu:

typescriptlet arr: Date[] = [];

Aizpildīsim šo masīvu ar datumiem:

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

DOM elementu masīvs

Deklarēsim masīvu, kas satur sevī DOM elementus:

typescriptlet arr: HTMLElement[] = [];

Aizpildīsim mūsu masīvu ar datiem:

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

Praktiskie uzdevumi