Template Literals
Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy — Lektion 3 von 65.
Template-Literale verwenden Backticks ``, um Strings zu erstellen, und ermöglichen es Ihnen, Ausdrücke mit ${} einzufügen. Zum Beispiel können Sie beim Erstellen von Begrüßungen Namen oder andere Daten dynamisch direkt in das Template-Literal einbetten.
Beispiel:
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// Fügt userName in den String einTemplate-Literale unterstützen auch mehrzeilige Zeichenfolgen, ohne dass das \n Escape-Zeichen benötigt wird. Sie können einfach die Eingabetaste für eine neue Zeile drücken, und der Zeilenumbruch bleibt in der Ausgabe erhalten. Beide Ansätze funktionieren:
// Verwendung von \n
const message1 = `Line 1\nLine 2`;
// Verwendung von tatsächlichen Zeilenumbrüchen
const message2 = `Line 1
Line 2`;Beide liefern das gleiche Ergebnis
Aufgabe
EinfachErstelle eine Funktion namens greetAll, die ein Array von Namen entgegennimmt und einen String zurückgibt. Jeder Name im Array soll eine Zeile im Format Hello, <Name>! erzeugen, die zu einem einzigen String zusammengefügt werden, getrennt durch Zeilenumbrüche. Verwende Template-Literale für die Begrüßungszeilen.
Spickzettel
Template-Literale verwenden Backticks ``, um Strings zu erstellen, und ermöglichen es Ihnen, Ausdrücke mit ${} einzufügen:
const userName = "Sam";
const message = `Welcome, ${userName}!`;
// Fügt userName in den String einTemplate-Literale unterstützen mehrzeilige Strings, ohne dass \n Escape-Zeichen benötigt werden:
// Verwendung von \n
const message1 = `Line 1\nLine 2`;
// Verwendung von tatsächlichen Zeilenumbrüchen
const message2 = `Line 1
Line 2`;
// Beide erzeugen das gleiche ErgebnisProbier es selbst
function greetAll(names) {
// Schreibe hier deinen Code
}
// Schreibe nichts außerhalb der Funktion
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Logik & Ablauf
1Strings im Detail
String-GrundlagenÜber Strings iterierenTemplate LiteralsString-MethodenRückblick – String Weaver4JSON Teil 2
Über JSON iterierenVerschachteltes JSONJSON Optional ChainingFlache und tiefe KopieWiederholung – FahrradladenWiederholung – Sonnensystem7Bibliotheksverwaltungssystem
ProjektübersichtBücher hinzufügen
Suche nach TitelNach Genre filternAls gelesen markieren2Mehrdimensionale Arrays
Grundlagen zu 2D-ArraysZugriff auf 2D-Array-ElementeVerschachtelte Schleifen mit 2D-ArraysRückblick – 2D-ArraysMatrix-Addition & SubtraktionJagged Arrays3D-Arrays und mehrGängige 2D-Array-MusterRückblick – Alles über Arrays5Sets Teil 1
Was ist ein Set?Iterieren über SetsEin Element hinzufügenEin Element entfernenPrüfen, ob ein Element existiertGröße und Is EmptyCopy und ClearZusammenfassung - Grundlagen von Sets8Arrays: Interessante Themen
Array-DestrukturierungSpread-Syntax in ArraysSparse ArraysWiederholung – Arrays Workshop3JSON Teil 1
Was ist JSON?Prüfen, ob Key existiertObjektmethodenDer Spread-Operator Teil 1Der Spread-Operator Teil 2Keys entfernenWiederholung – JSON-Keys manipulieren