📚 Tableaux et Tuples en TypeScript

📦 1. Les tableaux typés

Un tableau (ou array) contient plusieurs valeurs du même type. En TypeScript, tu peux déclarer le type de chaque élément du tableau.

📌 Exemple de tableau de nombres :

📋 Copier le code

let notes: number[] = [12, 15, 17.5];

• notes est une variable contenant un tableau de nombres.
• : number[] signifie que chaque élément du tableau doit être un number.
• Si tu ajoutes une chaîne de caractères à ce tableau, TypeScript te signalera une erreur.

📌 Exemple de tableau de chaînes de caractères :

📋 Copier le code

let fruits: string[] = ["pomme", "banane", "cerise"];

• Chaque élément de fruits doit être une chaîne de caractères (string).

👨‍💻 Manipulation des tableaux

📋 Copier le code

let nombres: number[] = [10, 20, 30];
nombres.push(40); // OK
nombres.push("cinquante"); // ❌ Erreur : string n'est pas un number

• push() permet d’ajouter un élément au tableau.
• TypeScript empêche d’ajouter un type incompatible (ici : une chaîne dans un tableau de nombres).

🧩 2. Les tuples

Un tuple est un tableau à longueur fixe, avec des types prédéfinis à chaque position. Cela permet de représenter des données structurées simples.

📌 Exemple de tuple représentant une position GPS :

📋 Copier le code

let position: [number, number] = [48.8566, 2.3522]; // Paris

• Le tuple position accepte exactement deux valeurs : deux number.
• On ne peut ni ajouter une troisième valeur, ni en mettre une qui n’est pas un number.

📌 Exemple de tuple mixte (nom, âge) :

📋 Copier le code

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

• Ce tuple exige une string en première position et un number en seconde.
• La déclaration ["Alice", 30] respecte parfaitement ce contrat.

🔒 Avantage des tuples

Les tuples permettent de garantir que chaque valeur est à la bonne position et du bon type. Ils sont très utiles dans des cas comme :

• Des coordonnées (x, y)
• Des paires clé/valeur
• Des réponses d'API avec statut/code/message

📌 Résumé

• Tableau : liste de valeurs du même type (ex : string[])
• Tuple : liste de valeurs de types différents à positions fixes (ex : [string, number])
• TypeScript vérifie que les données respectent bien le type annoncé

🧭 Prochaine étape

Dans le chapitre suivant, tu découvriras comment créer et manipuler des objets typés en TypeScript, un fondement indispensable pour les futures classes et notre projet de panier e-commerce.

Souhaites-tu passer au Chapitre 6 : Objets et types personnalisés en TypeScript ?