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:

interface 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:

let arr: User[] = [];

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

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

let arr: Date[] = [];

Lad os fylde dette array med datoer:

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

let arr: HTMLElement[] = [];

Lad os fylde vores array med data:

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

Praktiske opgaver

Lav et array, hvis elementer vil være regulære udtryk.

Lav et array, hvis elementer vil være promises.

Lav et interface, der beskriver en medarbejder. Lav et array, der består af objekter med disse medarbejdere.