0Pricing
TypeScript Academy · Leçon

Tuples : tableaux typés de longueur fixe

Définissez des tuples pour représenter des données structurées dont les positions sont connues.

Tuples : tableaux typés de longueur fixe est une leçon TypeScript Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage TypeScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours TypeScript Academy comprend 4 leçons au total.

Bienvenue

Les tuples sont des tableaux contenant un nombre fixe d'éléments, chaque position ayant un type précis. Ils conviennent parfaitement aux données structurées telles que les coordonnées ou les paires clé-valeur.

Définir un tuple

Un type tuple répertorie le type de chaque élément dans l'ordre. La longueur est fixe et chaque position doit contenir le type déclaré.
const point: [number, number] = [10, 20];
const entry: [string, number] = ['age', 25];

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

Accédez aux éléments d'un tuple par leur index. TypeScript connaît le type associé à chaque position.
const pair: [string, number] = ['Alice', 30];
const name: string = pair[0]; // string
const age: number = pair[1];  // number

Déstructuration d'un tuple

La déstructuration d'un tuple attribue à chaque variable un type précis déduit en fonction de sa position.
const [x, y]: [number, number] = [5, 10];
console.log(x + y); // 15

Tuples et tableaux

Un tableau contient un nombre variable d'éléments du même type. Un tuple contient un nombre fixe d'éléments qui peuvent être de types différents, à des positions précises.
const arr: number[] = [1, 2, 3, 4];   // variable length
const tup: [number, string] = [1, 'a']; // fixed: 2 elements

Éléments facultatifs d'un tuple

Marquez un élément de tuple comme facultatif avec `?`. Les éléments facultatifs doivent apparaître après les éléments obligatoires.
type Named = [string, string?]; // name, optional nickname
const a: Named = ['Alice'];
const b: Named = ['Bob', 'Bobby'];

Éléments rest dans les tuples

Les tuples peuvent contenir un élément rest qui capture un nombre variable d'éléments finaux d'un type précis.
type StringAndNumbers = [string, ...number[]];
const data: StringAndNumbers = ['scores', 90, 85, 78];

Éléments de tuple nommés

TypeScript 4.0 a ajouté les éléments de tuple nommés. Les noms améliorent la lisibilité sans modifier le système de types.
type Range = [start: number, end: number];
const r: Range = [0, 100];

Tuples en lecture seule

Ajoutez `readonly` pour empêcher la modification d'un tuple après sa création.
const origin: readonly [number, number] = [0, 0];
// origin[0] = 5; // Error

Les tuples comme valeurs renvoyées par les fonctions

Renvoyer un tuple depuis une fonction est un modèle utilisé dans les crochets React et les fonctions utilitaires pour renvoyer plusieurs valeurs de types distincts.
function useCounter(): [number, () => void] {
  let count = 0;
  return [count, () => { count++; }];
}

Inférer des tuples avec as const

Sans `as const`, un littéral de tuple peut être élargi en type tableau. Utilisez `as const` pour inférer le type exact du tuple.
const pair = [1, 'hello'] as const;
// type: readonly [1, 'hello'] — not (number | string)[]

Vérification rapide

Qu’infère TypeScript pour `const t = [1, 'hello']` sans aucune annotation ?

Récapitulatif

Les tuples définissent des tableaux de longueur fixe avec des positions typées. Utilisez-les pour les coordonnées, les paires clé-valeur et les fonctions renvoyant plusieurs valeurs. Ajoutez readonly pour empêcher les modifications et as const pour inférer des types de tuples littéraux.

Questions Fréquemment Posées

La leçon « Tuples : tableaux typés de longueur fixe » est-elle gratuite ?

Oui — le texte complet de « Tuples : tableaux typés de longueur fixe » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours TypeScript Academy, passe à CoddyKit PRO. Le cours TypeScript Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Tuples : tableaux typés de longueur fixe » ?

Définissez des tuples pour représenter des données structurées dont les positions sont connues. Tu pratiques TypeScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer TypeScript Academy ?

Aucune expérience préalable n'est requise. TypeScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.

Combien de temps prend la leçon « Tuples : tableaux typés de longueur fixe » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon TypeScript Academy ?

Oui. Chaque leçon TypeScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Tableaux typés : T[] et Array
  2. Tableaux Readonly et données immuables
  3. Tuples : tableaux typés de longueur fixe
  4. Énumérations : constantes numériques et textuelles
← Retour à TypeScript Academy