JavaScript Academy · Leçon

Chaînes multilignes

Écrivez du texte multiligne lisible sans séquences d’échappement.

Chaînes multilignes est une leçon JavaScript Academy gratuite sur CoddyKit. Ceci est la leçon 2 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 JavaScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours JavaScript Academy comprend 4 leçons au total.

L’ancienne méthode

Avant les littéraux de gabarit, une chaîne multiligne nécessitait des séquences d’échappement explicites pour les retours à la ligne ou une concaténation de chaînes sur plusieurs lignes. Cette approche était verbeuse et sujette aux erreurs.

const old = "Line 1\nLine 2\nLine 3"
console.log(old)

Les littéraux de gabarit s’étendent sur plusieurs lignes

Un littéral de gabarit écrit avec des accents graves peut contenir de vrais sauts de ligne dans le code source. Chaque retour à la ligne que vous saisissez devient un retour à la ligne dans la chaîne.

L’exemple exécutable reproduit le même résultat à l’aide de séquences d’échappement.

const text = "First\nSecond\nThird"
console.log(text)

Les espaces blancs sont conservés

L’indentation et les espaces à l’intérieur d’un gabarit multiligne sont conservés exactement tels qu’ils ont été écrits. Cela est important lors de la génération d’un résultat mis en forme.

const block = "  indented\n    more indented"
console.log(block)

Construire des paragraphes

Les chaînes multilignes sont pratiques pour les paragraphes, les corps d’e-mails ou les gabarits. Ici, nous assemblons un court message.

const msg = "Dear user,\n\nThank you for joining.\n\nBest regards"
console.log(msg)

Compter les lignes

Vous pouvez utiliser split sur le caractère de retour à la ligne pour compter les lignes individuelles ou les traiter.

const text = "a\nb\nc\nd"
const lines = text.split("\n")
console.log("Lines: " + lines.length)

Assembler une chaîne multiligne

Un tableau de lignes peut être assemblé avec join et un séparateur de retour à la ligne afin de construire programmatiquement une chaîne multiligne.

const parts = ["one", "two", "three"]
console.log(parts.join("\n"))

Combiner avec l’interpolation

Les gabarits multilignes peuvent également contenir des emplacements réservés, en mélangeant des valeurs dynamiques et des retours à la ligne. L’exemple utilise une concaténation pour montrer le résultat.

const name = "Sam"
const body = "Hello " + name + ",\nWelcome aboard."
console.log(body)

Tabulations et caractères spéciaux

Vous pouvez inclure des caractères de tabulation avec la séquence d’échappement correspondante, même dans des chaînes multilignes, afin d’aligner des colonnes.

const table = "Name\tAge\nAlice\t30\nBob\t25"
console.log(table)

Supprimer les lignes superflues

Les chaînes multilignes contiennent parfois des lignes vides au début ou à la fin. La méthode trim supprime les espaces blancs environnants, y compris les retours à la ligne.

const raw = "\n\nHello\n\n"
console.log("[" + raw.trim() + "]")

Générer du texte de code

Les chaînes multilignes sont utiles pour produire des extraits de code source ou de configuration sous forme de texte.

const code = "function add(a, b) {\n  return a + b\n}"
console.log(code)

Tenir compte de la longueur des lignes

N’oubliez pas qu’un gabarit multiligne inclut chaque retour à la ligne que vous saisissez. Des sauts de ligne accidentels peuvent introduire des espaces blancs inattendus ; mettez donc le texte en forme intentionnellement.

const a = "no break here and here"
console.log(a.length)

Vérification rapide

Vérifiez votre compréhension des chaînes multilignes.

Récapitulatif

Récapitulatif : Les littéraux de gabarit permettent d’écrire du texte réellement multiligne.

Les retours à la ligne du code source deviennent des retours à la ligne dans la chaîne
Les espaces blancs sont conservés exactement
Combinez-les avec l’interpolation pour créer des blocs dynamiques
Utilisez split et join pour traiter les lignes

console.log("Line A\nLine B")

Questions Fréquemment Posées

La leçon « Chaînes multilignes » est-elle gratuite ?

Oui — le texte complet de « Chaînes multilignes » 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 JavaScript Academy, passe à CoddyKit PRO. Le cours JavaScript Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Chaînes multilignes » ?

Écrivez du texte multiligne lisible sans séquences d’échappement. Tu pratiques JavaScript 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 JavaScript Academy ?

Aucune expérience préalable n'est requise. JavaScript 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 2 sur 4.

Combien de temps prend la leçon « Chaînes multilignes » ?

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 JavaScript Academy ?

Oui. Chaque leçon JavaScript 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

← Retour à JavaScript Academy