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:

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

typescriptlet arr: User[] = [];

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

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

typescriptlet arr: Date[] = [];

Laten we deze array vullen met datums:

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

typescriptlet arr: HTMLElement[] = [];

Laten we onze array vullen met gegevens:

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

Praktische opdrachten