Tableaux typés
Fait partie de la section Introduction à TypeScript du Journey JavaScript de Coddy — leçon 13 sur 73.
Les tableaux typés sont l'une des fonctionnalités les plus puissantes de TypeScript pour organiser et gérer plusieurs valeurs tout en maintenant la sécurité des types.
En TypeScript, vous pouvez spécifier qu'un tableau ne doit contenir que des éléments d'un type particulier en utilisant la syntaxe Type[]. Cela garantit que chaque élément du tableau correspond au type attendu, évitant ainsi les erreurs courantes qui surviennent lors du mélange de différents types de données.
let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
let flags: boolean[] = [true, false, true];Lorsque vous déclarez un tableau typé, TypeScript impose que seules des valeurs du type spécifié puissent y être ajoutées. Cela signifie que vous ne pouvez pas mélanger accidentellement des chaînes de caractères avec des nombres ou d'autres types incompatibles, ce qui aide à détecter les erreurs pendant le développement plutôt qu'à l'exécution.
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Défi
FacileCréez un tableau typé nommé scores qui ne peut contenir que des nombres et initialisez-le avec les valeurs 85, 92 et 78.
Ensuite, créez un autre tableau typé nommé studentNames qui ne peut contenir que des chaînes de caractères et initialisez-le avec les valeurs "Alice", "Bob" et "Charlie".
Enfin, créez un tableau typé nommé passedExams qui ne peut contenir que des valeurs booléennes et initialisez-le avec true, false et true.
Affichez les trois tableaux dans la console sur des lignes séparées dans l'ordre où ils ont été créés.
Aide-mémoire
Les tableaux typés en TypeScript garantissent que les tableaux ne contiennent que des éléments d'un type spécifique en utilisant la syntaxe Type[] :
let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
let flags: boolean[] = [true, false, true];TypeScript renforce la sécurité des types en vous empêchant de mélanger des types incompatibles dans le même tableau, ce qui permet de détecter les erreurs pendant le développement.
Essayez vous-même
// À FAIRE : Écrivez votre code ici
// Créez les trois tableaux typés comme décrit dans le défi
// Affichez les trois tableaux dans la consoleCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Introduction à TypeScript
1Premiers pas avec TS
Qu'est-ce que TypeScript ?Pourquoi utiliser TypeScript ?Votre premier code TypeScriptProcessus de compilation et erreursRécapitulatif : Introduction à TS4Travailler avec les fonctions
Typage des paramètres et valeurs de retourTypage des fonctions fléchéesLe type de retour 'void'Paramètres optionnels avec '?'Valeurs par défaut des paramètresTypage des paramètres RestDéfinir des types de fonctionsRécapitulatif : Créer des fonctions typées
2Types fondamentaux
Types de base : str, num, booleanLe type 'any' : la porte de sortieLe type 'unknown'Travailler avec 'null' et 'undef'L'inférence de type en actionAnnotations de type explicitesRécapitulatif : Pratique des types fondamentaux5Types : Alias, Unions & Intersections
Alias de types pour les primitifsTypes d'union ('|')Travailler avec les types d'unionTypes littérauxTypes d'intersection ('&')Combiner des alias de typesRécapitulatif : Combinaisons de types avancées3Structure de données : Tableaux et Tuples
Tableaux typésModificateur 'readonly' pour les tableauxQu'est-ce qu'un tuple ?Déclaration et accès aux tuplesDéstructuration de tuplesTuples readonlyTableaux typés multidimensionnelsSpread operator avec les tableauxRécapitulatif : Tableaux et tuples6Typage des objets et interfaces
Annotations de type d'objet en ligneAlias de type pour les objetsIntroduction aux interfacesInterfaces vs Alias de typePropriétés optionnelles et ReadonlyÉtendre les interfaces et les typesAjout de méthodes aux interfacesRécapitulatif : Définir la structure des objets