Travailler avec des tableaux et des tuples TypeScript

TypeScript étend JavaScript avec des fonctionnalités de type supplémentaires, facilitant ainsi le travail avec des structures de données complexes telles que les tableaux et les tuples. Ce guide vous présentera les tableaux et les tuples dans TypeScript, notamment comment les définir, les manipuler et les utiliser efficacement.

Tableaux TypeScript

Les tableaux dans TypeScript sont similaires aux tableaux dans JavaScript, mais présentent l'avantage supplémentaire des annotations de type. Cela garantit que tous les éléments du tableau sont conformes à un type spécifique.

Définition des tableaux

Pour définir un tableau dans TypeScript, vous spécifiez le type de ses éléments suivi de []:

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];

Dans cet exemple, numbers est un tableau de number et names est un tableau de string.

Méthodes de tableau

Les tableaux TypeScript prennent en charge diverses méthodes similaires aux tableaux JavaScript. Voici quelques méthodes courantes:

• push(): Ajoute un élément à la fin du tableau.
• pop(): supprime le dernier élément du tableau.
• shift(): supprime le premier élément du tableau.
• unshift(): Ajoute un élément au début du tableau.
• map(): Crée un nouveau tableau en appliquant une fonction à chaque élément.

Exemple de tableau

let numbers: number[] = [1, 2, 3, 4, 5];
numbers.push(6); // [1, 2, 3, 4, 5, 6]
let doubled = numbers.map(n => n * 2); // [2, 4, 6, 8, 10, 12]

Tuples TypeScript

Les tuples sont un type spécial de tableau dans TypeScript où chaque élément peut avoir un type différent. Les tuples sont utiles lorsque vous devez travailler avec un nombre fixe d'éléments de types différents.

Définition des tuples

Pour définir un tuple, utilisez des crochets [] avec les types spécifiés pour chaque élément:

let person: [string, number] = ["Alice", 30];

Dans cet exemple, person est un tuple où le premier élément est une chaîne et le deuxième élément est un nombre.

Accéder aux éléments de tuple

Accédez aux éléments de tuple à l'aide de leur index, de manière similaire aux tableaux:

let person: [string, number] = ["Alice", 30];
let name = person[0]; // "Alice"
let age = person[1]; // 30

Tuple avec éléments optionnels

Les tuples peuvent également inclure des éléments facultatifs:

let person: [string, number?] = ["Alice"];
let personWithAge: [string, number?] = ["Bob", 30];

Dans cet exemple, le deuxième élément du tuple est facultatif.

Conclusion

Les tableaux et tuples TypeScript offrent des moyens puissants de gérer des collections de données avec une sécurité de type renforcée. En comprenant comment définir, manipuler et utiliser des tableaux et des tuples, vous pouvez écrire du code plus robuste et plus facile à gérer. Utilisez des tableaux pour les listes de données homogènes et des tuples pour les collections de taille fixe avec des données hétérogènes.