Objektide massiivid TypeScriptis

Massiivid TypeScriptis võivad sisaldada endas mitte ainult primitiive, vaid ka kindlat tüüpi objekte. Vaatame näidete abil, kuidas selliste massiividega töötada.

Kasutajate massiiv

Oletame, et meil on kasutajat määratlev liides:

typescriptinterface User {
  name: string,
  age: number
}

Deklareerime massiivi, määrates tüübiks selle sisu objektid kasutajatega (st objektid, mis rakendavad meie liidest):

typescriptlet arr: User[] = [];

Täidame oma massiivi määratud tüüpi andmetega:

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

Kuupäevade massiiv

Deklareerime massiivi, mis sisaldab endas kuupäevade massiivi:

typescriptlet arr: Date[] = [];

Täidame selle massiivi kuupäevadega:

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

DOM elementide massiiv

Deklareerime massiivi, mis sisaldab endas DOM elemente:

typescriptlet arr: HTMLElement[] = [];

Täidame oma massiivi andmetega:

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

Praktilised ülesanded