Polia objektov v TypeScript
Polia v TypeScript môžu obsahovať nielen primitívy, ale aj objekty určitých typov. Pozrime sa na príkladoch, ako pracovať s takýmito poliami.
Pole používateľov
Nech máme rozhranie, ktoré definuje používateľa:
interface User {
name: string,
age: number
}
Deklarujme pole, pričom ako typ jeho obsahu určíme objekty s používateľmi (t.j. objekty, ktoré implementujú naše rozhranie):
let arr: User[] = [];
Naplňme naše pole údajmi určeného typu:
arr.push({name: 'john', age: 30});
arr.push({name: 'eric', age: 40});
Pole dátumov
Deklarujme pole, ktoré ukladá pole dátumov:
let arr: Date[] = [];
Naplňme toto pole dátumami:
arr.push(new Date(2030, 11, 31));
arr.push(new Date(2020, 11, 31));
Pole DOM elementov
Deklarujme pole, ktoré obsahuje DOM elementy:
let arr: HTMLElement[] = [];
Naplňme naše pole údajmi:
let lst: NodeList = document.querySelectorAll('div');
let arr: HTMLElement[] = Array.from(lst);
Praktické úlohy
Vytvorte pole, ktorého prvky budú regulárnymi výrazmi.
Vytvorte pole, ktorého prvky budú promisami.
Vytvorte rozhranie, ktoré popisuje pracovníka. Vytvorte pole pozostávajúce z objektov s týmito pracovníkmi.