Tableaux d'objets en TypeScript

Les tableaux en TypeScript peuvent contenir non seulement des primitives, mais aussi des objets de types spécifiques. Regardons avec des exemples comment travailler avec de tels tableaux.

Tableau d'utilisateurs

Supposons que nous ayons une interface définissant un utilisateur :

interface User {
	name: string,
	age: number
}

Déclarons un tableau en spécifiant comme type de son contenu des objets utilisateurs (c'est-à-dire des objets implémentant notre interface) :

let arr: User[] = [];

Remplissons notre tableau avec des données du type spécifié :

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

Tableau de dates

Déclarons un tableau stockant un tableau de dates :

let arr: Date[] = [];

Remplissons ce tableau avec des dates :

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

Tableau d'éléments DOM

Déclarons un tableau contenant des éléments DOM :

let arr: HTMLElement[] = [];

Remplissons notre tableau avec des données :

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

Tâches pratiques

Créez un tableau dont les éléments seront des expressions régulières.

Créez un tableau dont les éléments seront des promesses.

Créez une interface décrivant un employé. Créez un tableau composé d'objets de ces employés.