Tableaux et tuples

Bienvenue dans la prochaine leçon ! Dans cette leçon, nous allons explorer l'utilisation des tableaux et des tuples dans TypeScript. Ces structures vous permettent de stocker plusieurs valeurs de manière organisée. Allons-y !

Que sont les tableaux ?

Un tableau est un ensemble d'éléments stockés dans une seule variable. Dans TypeScript, vous pouvez spécifier le type des éléments d'un tableau. Exemple :

Tâche : créez un tableau contenant vos nombres préférés et utilisez log pour l'afficher dans la console.

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

Accéder aux éléments d'un tableau

Vous pouvez accéder aux éléments d'un tableau à l'aide de leur indice. N'oubliez pas que les indices des tableaux commencent à 0 :

Tâche : essayez d'accéder à différents éléments d'un tableau et utilisez log pour les afficher dans la console.

let colors: string[] = ["red", "blue", "green"];
console.log(colors[0]); // Output: "red"
console.log(colors[2]); // Output: "green"

Méthodes courantes des tableaux

Les tableaux TypeScript proposent de nombreuses méthodes utiles. En voici quelques exemples :

• push : ajoute un élément à la fin du tableau.
• pop : supprime le dernier élément du tableau.
• longueur : renvoie le nombre d'éléments du tableau.

Exemple :

Tâche : expérimentez avec des méthodes de tableau comme push et pop.

let fruits: string[] = ["apple", "banana"];
fruits.push("cherry"); // Add "cherry"
console.log(fruits); // Output: ["apple", "banana", "cherry"]

fruits.pop(); // Remove "cherry"
console.log(fruits); // Output: ["apple", "banana"]

console.log(fruits.length); // Output: 2

Que sont les tuples ?

Un tuple est un tableau de longueur fixe dont chaque élément peut avoir un type différent. Les tuples sont utiles pour regrouper des données liées de types différents. Exemple :

Tâche : créez un tuple pour représenter un étudiant avec un nom et un âge.

let person: [string, number] = ["Alice", 30];
console.log(person[0]); // Output: "Alice"
console.log(person[1]); // Output: 30

Travailler avec des tuples

Tout comme les tableaux, les tuples prennent en charge l'indexation et les méthodes. Toutefois, leur structure est fixe et vous ne pouvez pas ajouter d'éléments supplémentaires sans modifier le type du tuple. Exemple :

Tâche : définissez un tuple pour un point dans un espace en 2D et utilisez log pour afficher ses valeurs.

let coordinates: [number, number] = [10, 20];
console.log(`X: ${coordinates[0]}, Y: ${coordinates[1]}`);

// Attempting to add an extra element will result in an error
// coordinates.push(30); // Error: Tuple type '[number, number]' of fixed length 2

Utiliser des tableaux de tuples

Vous pouvez créer un tableau de tuples pour stocker plusieurs entrées de données liées. Exemple :

Tâche : créez un tableau de tuples pour stocker les noms et les âges de vos amis.

let students: [string, number][] = [
  ["Alice", 30],
  ["Bob", 25],
  ["Charlie", 35],
];

console.log(students[0]); // Output: ["Alice", 30]
console.log(students[1][1]); // Output: 25

Erreurs courantes

Voici quelques erreurs courantes lorsque vous travaillez avec des tableaux et des tuples :

• Accéder à des éléments en dehors des limites du tableau (renvoie undefined).
• Utiliser le mauvais type de données dans des tableaux ou des tuples (provoque des erreurs dans TypeScript).
• Essayer de modifier la structure d'un tuple sans mettre à jour son type.

Conseil : indiquez toujours explicitement les types pour éviter les comportements inattendus !

Bravo !

Félicitations ! Vous avez appris à utiliser les tableaux et les tuples en TypeScript pour stocker et gérer des collections de données. Ce sont des outils essentiels pour manipuler des informations structurées dans vos programmes. Dans la prochaine leçon, nous explorerons les types d’union et les types d’intersection pour gérer des situations plus complexes. Continuons à coder !