Arrays van objecten in TypeScript

Arrays in TypeScript kunnen niet alleen primitieven bevatten, maar ook objecten van bepaalde typen. Laten we met voorbeelden kijken hoe we met dergelijke arrays kunnen werken.

Array van gebruikers

Stel dat we een interface hebben die een gebruiker definieert:

interface User {
	name: string,
	age: number
}

Laten we een array declareren, waarbij we het type van de inhoud opgeven als objecten met gebruikers (d.w.z. objecten die onze interface implementeren):

let arr: User[] = [];

Laten we onze array vullen met gegevens van het opgegeven type:

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

Array van datums

Laten we een array declareren die een array met datums opslaat:

let arr: Date[] = [];

Laten we deze array vullen met datums:

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

Array van DOM-elementen

Laten we een array declareren die DOM- elementen bevat:

let arr: HTMLElement[] = [];

Laten we onze array vullen met gegevens:

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

Praktische opdrachten

Maak een array waarvan de elementen reguliere expressies zijn.

Maak een array waarvan de elementen promises zijn.

Maak een interface die een werknemer beschrijft. Maak een array die bestaat uit objecten met deze werknemers.