Objektumtömbök a TypeScript-ben

A TypeScript-ben a tömbök nem csak primitíveket tartalmazhatnak, hanem meghatározott típusú objektumokat is. Nézzünk példákat arra, hogyan kell ilyen tömbökkel dolgozni.

Felhasználók tömbje

Tegyük fel, hogy van egy interfészünk, amely egy felhasználót határoz meg:

interface User {
	name: string,
	age: number
}

Deklaráljunk egy tömböt, megadva a tartalmának típusaként a felhasználói objektumokat (azaz a mi interfészünket megvalósító objektumokat):

let arr: User[] = [];

Töltsük fel a tömbünket a megadott típusú adatokkal:

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

Dátumok tömbje

Deklaráljunk egy tömböt, amely dátumokat tartalmaz:

let arr: Date[] = [];

Töltsük fel ezt a tömböt dátumokkal:

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

DOM elemek tömbje

Deklaráljunk egy tömböt, amely DOM elemeket tartalmaz:

let arr: HTMLElement[] = [];

Töltsük fel a tömbünket adatokkal:

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

Gyakorlati feladatok

Készítsen egy tömböt, amelynek elemei reguláris kifejezések lesznek.

Készítsen egy tömböt, amelynek elemei promise-ok lesznek.

Készítsen egy interfészt, amely egy munkavállalót ír le. Készítsen egy tömböt, amely ezekből a munkavállalói objektumokból áll.