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:

interface User {
	name: string,
	age: number
}

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

let arr: User[] = [];

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

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

Kuupäevade massiiv

Deklareerime massiivi, mis sisaldab endas kuupäevade massiivi:

let arr: Date[] = [];

Täidame selle massiivi kuupäevadega:

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

DOM elementide massiiv

Deklareerime massiivi, mis sisaldab endas DOM elemente:

let arr: HTMLElement[] = [];

Täidame oma massiivi andmetega:

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

Praktilised ülesanded

Koostage massiiv, mille elemendid on regulaaravaldised.

Koostage massiiv, mille elemendid on promisid.

Koostage liides, mis kirjeldab töötajat. Koostage massiiv, mis koosneb nende töötajatega objektidest.