TypeScriptLeçon 3 sur 16

Tableaux et tuples

Un tableau contient autant de valeurs que l'on veut, toutes du même type. Un tuple est un tableau de longueur fixe où chaque position a son propre type.

L’essentiel

Deux écritures pour le même type : number[] et Array<number>.
Impossible de mettre une chaîne dans un tableau de nombres : push("ten") est signalé.
Le tuple [string, number] contient exactement deux éléments : une chaîne puis un nombre.
Un tuple se déstructure facilement en variables : const [name, age] = entry.

Exemple

const scores: number[] = [7, 9, 10];const tags: Array<string> = ["ts", "web"];scores.push(8);// scores.push("ten"); // error: string is not assignable to number const point: [number, number] = [3, 4];const entry: [string, number] = ["Anna", 25];const [who, age] = entry; console.log(`Scores: ${scores.join(", ")}; tags: ${tags.length}`);console.log(`${who} is ${age}, point x = ${point[0]}`);

scores.push(8) passe, push("ten") non. Le tuple entry est déstructuré en deux variables qui gardent chacune le bon type : who est une string, age un number.

Exercice

Utiliser l’éditeur⌘ Entrée ou Ctrl Entrée lance le code, ⇧ ⌘ Entrée vérifie l’exercice.Tab et Maj Tab indentent la ligne ou la sélection ; Échap puis Tab quitte l’éditeur.La vérification compare ce que le programme a affiché à l’exercice ; les espaces en fin de ligne ne comptent pas.Après deux vérifications ratées, la solution s’ouvre. Votre code reste dans ce navigateur.

Typez le panier en [string, number][], parcourez-le avec for...of, affichez chaque article sous la forme « Coffee: 4 » puis « Total: 12 ».

// TODO: give cart the type [string, number][]// (an array of tuples: item name and price)const cart = [  ["Coffee", 4],  ["Croissant", 3],  ["Juice", 5],]; let total = 0;// TODO: loop over cart, print every item as "Coffee: 4"// and add its price to total console.log(`Total: ${total}`);

// TODO: give cart the type [string, number][]
// (an array of tuples: item name and price)
const cart = [
  ["Coffee", 4],
  ["Croissant", 3],
  ["Juice", 5],
];

let total = 0;
// TODO: loop over cart, print every item as "Coffee: 4"
// and add its price to total

console.log(`Total: ${total}`);

Sortie

Ce que le programme affiche apparaîtra ici.