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:

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

typescriptlet arr: User[] = [];

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

typescriptarr.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:

typescriptlet arr: Date[] = [];

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

typescriptarr.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:

typescriptlet arr: HTMLElement[] = [];

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

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

Gyakorlati feladatok