Pole objektů v TypeScriptu

Pole v TypeScriptu mohou obsahovat nejen primitivní hodnoty, ale také objekty určitých typů. Podívejme se na příklady, jak s takovými poli pracovat.

Pole uživatelů

Předpokládejme, že máme rozhraní definující uživatele:

typescriptinterface User {
  name: string,
  age: number
}

Deklarujme pole a určeme jako typ jeho obsahu objekty s uživateli (tj. objekty, které implementují naše rozhraní):

typescriptlet arr: User[] = [];

Naplňme naše pole daty zadaného typu:

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

Pole dat

Deklarujme pole, které bude ukládat datumy:

typescriptlet arr: Date[] = [];

Naplňme toto pole datumy:

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

Pole DOM elementů

Deklarujme pole obsahující DOM elementy:

typescriptlet arr: HTMLElement[] = [];

Naplňme naše pole daty:

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

Praktické úlohy