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
Grundlagen von StringsStrings durchlaufenTemplate LiteralsString-MethodenRückblick – String-Weber4JSON Teil 2
JSON durchlaufenVerschachteltes JSONOptionale Verkettung in JSONFlache und tiefe KopieWiederholung – FahrradgeschäftWiederholung – Sonnensystem7Bibliotheksverwaltungssystem
ProjektübersichtBücher hinzufügen
Nach Titel suchenNach Genre filternAls gelesen markieren2Mehrdimensionale Arrays
Grundlagen von 2D-ArraysZugriff auf Elemente von 2D-ArraysVerschachtelte Schleifen mit 2D-ArraysWiederholung – 2D-ArraysMatrixaddition und -subtraktionZackige Arrays3D-Arrays und darüber hinausHäufige Muster bei 2D-ArraysWiederholung – Alles über Arrays5Mengen – Teil 1
Was ist eine Menge?Mengen durchlaufenEin Element hinzufügenEin Element entfernenPrüfen, ob ein Element vorhanden istGröße und LeerstatusKopieren und LeerenRückblick – Grundlagen von Mengen8Interessante Themen zu Arrays
Destrukturierung von ArraysSpread-Syntax in ArraysDünn besetzte ArraysRückblick – Workshop zu Arrays3JSON Teil 1
Was ist JSON?Prüfen, ob ein Schlüssel vorhanden istObjektmethodenSpread-Operator Teil 1Spread-Operator Teil 2Schlüssel entfernenRückblick – JSON-Schlüssel bearbeitenÜbe selbstständig: Online-JavaScript-Compiler