Template Literals
Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy — Lektion 3 von 65.
Template-Literale verwenden Backticks Template-Literale unterstützen auch mehrzeilige Zeichenketten, ohne dass das Escape-Zeichen Beide erzeugen dasselbe Ergebnis.
`, 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. Sie können auch Symbole wie $ einfügen, indem Sie sie direkt innerhalb der Backticks platzieren.Beispiel:const userName = "Sam";
const price = 5;
const message = `Welcome, ${userName}! Your total is ${price}.`;
// Fügt userName und price in den String ein\n benötigt wird.Sie können einfach die Eingabetaste für eine neue Zeile drücken, und der Zeilenumbruch wird in der Ausgabe beibehalten. Beide Ansätze funktionieren:// Mit \n
const message1 = `Line 1\nLine 2`;
// Mit tatsächlichen Zeilenumbrüchen
const message2 = `Line 1
Line 2`;
Aufgabe
EinfachErstelle eine Funktion namens greetAll, die ein Array von Namen entgegennimmt und einen String zurückgibt. Jeder Name im Array sollte eine Zeile mit dem Format Hello, <Name>! erzeugen, die zusammengefügt in einem einzelnen String durch Zeilenumbrüche getrennt sind. Verwende Template-Literale für die Begrüßungszeilen.
Probier es selbst
function greetAll(names) {
// Schreibe deinen Code hier
}
// 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