Objekt arrays i TypeScript

Arrays i TypeScript kan indeholde ikke kun primitiver, men også objekter af bestemte typer. Lad os se på eksempler på, hvordan man arbejder med sådanne arrays.

Bruger array

Lad os sige, at vi har et interface, der definerer en bruger:

typescriptinterface User {
  name: string,
  age: number
}

Lad os deklarere et array ved at angive objekter med brugere (dvs. objekter, der implementerer vores interface) som type for dens indhold:

typescriptlet arr: User[] = [];

Lad os fylde vores array med data af den angivne type:

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

Dato array

Lad os deklarere et array, der gemmer et array af datoer i sig selv:

typescriptlet arr: Date[] = [];

Lad os fylde dette array med datoer:

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

DOM element array

Lad os deklarere et array, der indeholder DOM elementer i sig selv:

typescriptlet arr: HTMLElement[] = [];

Lad os fylde vores array med data:

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

Praktiske opgaver