Template Literals
Fait partie de la section Logique & Flux du Journey JavaScript de Coddy — leçon 3 sur 65.
Les littéraux de gabarits utilisent des accents graves `` pour créer des chaînes de caractères et vous permettent d'insérer des expressions en utilisant ${}. Par exemple, lors de la création de salutations, vous pouvez intégrer dynamiquement des noms ou d'autres données directement dans le littéral de gabarit.
Exemple :
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// Insère userName à l'intérieur de la chaîneLes littéraux de gabarits prennent également en charge les chaînes multi-lignes sans avoir besoin du caractère d'échappement \n. Vous pouvez simplement appuyer sur Entrée pour une nouvelle ligne, et le saut de ligne sera préservé dans le résultat. Les deux approches fonctionnent :
// Utilisation de \n
const message1 = `Line 1\nLine 2`;
// Utilisation de sauts de ligne réels
const message2 = `Line 1
Line 2`;Les deux produisent le même résultat
Défi
FacileCréez une fonction nommée greetAll qui prend un tableau de noms et retourne une chaîne de caractères. Chaque nom dans le tableau doit produire une ligne au format Hello, <Name>! jointes ensemble en une seule chaîne, séparées par des sauts de ligne. Utilisez des littéraux de gabarits pour les lignes de salutation.
Aide-mémoire
Les littéraux de gabarits utilisent des accents graves `` pour créer des chaînes de caractères et vous permettent d'insérer des expressions en utilisant ${} :
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// Insère userName à l'intérieur de la chaîneLes littéraux de gabarits prennent en charge les chaînes multi-lignes sans avoir besoin de caractères d'échappement \n :
// Utilisation de \n
const message1 = `Line 1\nLine 2`;
// Utilisation de sauts de ligne réels
const message2 = `Line 1
Line 2`;
// Les deux produisent le même résultatEssayez vous-même
function greetAll(names) {
// Écrivez votre code ici
}
// N'écrivez rien en dehors de la fonction
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Logique & Flux
1Les chaînes de caractères en profondeur
Fondamentaux des chaînesParcourir les chaînesTemplate LiteralsMéthodes des chaînesRécapitulatif - String Weaver4JSON Partie 2
Itérer sur du JSONJSON imbriquéChaînage optionnel JSONCopie superficielle et profondeRécapitulatif - Magasin de vélosRécapitulatif - Système solaire7Système de gestion de bibliothèque
Présentation du projetAjouter des livres
Recherche par titreFiltrer par genreMarquer comme lu2Tableaux multidimensionnels
Bases des tableaux 2DAccès aux éléments d'un tableau 2DBoucles imbriquées et tableaux 2DRécapitulatif - Tableaux 2DAddition et soustraction de matricesTableaux irréguliers (Jagged Arrays)Tableaux 3D et au-delàModèles courants de tableaux 2DRécapitulatif - Tout sur les tableaux3JSON Partie 1
Qu'est-ce qu'un JSON ?Vérifier si une clé existeMéthodes d'objetL'opérateur Spread Partie 1L'opérateur Spread Partie 2Supprimer des clésRécapitulatif - Manipuler les clés JSON