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:

typescriptinterface 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):

typescriptlet arr: User[] = [];

Naplňme naše pole údajmi určeného typu:

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

Pole dátumov

Deklarujme pole, ktoré ukladá pole dátumov:

typescriptlet arr: Date[] = [];

Naplňme toto pole dátumami:

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

Pole DOM elementov

Deklarujme pole, ktoré obsahuje DOM elementy:

typescriptlet arr: HTMLElement[] = [];

Naplňme naše pole údajmi:

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

Praktické úlohy