JavaScriptLeçon 4 sur 16

Chaînes et littéraux de gabarit

Presque tout ce qu’un programme montre à quelqu’un est une chaîne de caractères. Les chaînes JavaScript ont beaucoup de méthodes toutes prêtes, et les gabarits entre accents graves mêlent texte et valeurs sans aligner les plus.

L’essentiel

length donne la longueur, word[0] le premier caractère, word.at(-1) le dernier
toUpperCase() et toLowerCase() changent la casse, trim() retire les espaces aux deux bouts
slice(0, 3) découpe un morceau, includes("…") vérifie qu’un texte s’y trouve
Un littéral de gabarit : `Hi, ${name}!`, où ${} accepte n’importe quelle expression
Les méthodes ne modifient pas la chaîne d’origine : elles en renvoient une nouvelle

Exemple

const word = "JavaScript";console.log(word.length);console.log(word.toUpperCase(), word[0], word.at(-1));console.log(word.slice(0, 4), word.includes("Script"));console.log("  hi  ".trim() + "!"); const user = "Lea";console.log(`Hi, ${user}! 2 + 3 = ${2 + 3}`);

Les méthodes s’enchaînent : d’abord trim, ensuite toUpperCase. Dans un gabarit, ${2 + 3} est calculé avant d’être inséré.

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.

Un café imprime le ticket de commande. Nettoyez le nom (sans espaces autour, en majuscules), formez le code de retrait avec les trois premières lettres de la boisson en majuscules, un tiret et la longueur du nom, puis affichez trois lignes : Order for SAM: flat white, Total: 4.50 USD et Pickup code: FLA-3.

// A coffee app prints the order ticketconst rawName = "  sam  ";const drink = "flat white";const price = 4.5; // TODO: clean the name: no spaces around it, all capital lettersconst name = rawName;// TODO: pickup code = first 3 letters of the drink in capitals + "-" + name lengthconst code = ""; // TODO: print three lines with template literals:// Order for SAM: flat white// Total: 4.50 USD// Pickup code: FLA-3

// A coffee app prints the order ticket
const rawName = "  sam  ";
const drink = "flat white";
const price = 4.5;

// TODO: clean the name: no spaces around it, all capital letters
const name = rawName;
// TODO: pickup code = first 3 letters of the drink in capitals + "-" + name length
const code = "";

// TODO: print three lines with template literals:
// Order for SAM: flat white
// Total: 4.50 USD
// Pickup code: FLA-3

Sortie

Ce que le programme affiche apparaîtra ici.