Strings
Strings sind Textwerte mit vielen eingebauten Methoden. Template-Strings machen das Zusammensetzen angenehm.
Ansicht
01
Verstehen
Lies die Kernidee und das Beispiel.
02
Prüfen
Beantworte die Aktiv-Checks.
03
Anwenden
Setze die Transferaufgabe um.
Lerninhalt
Verstehen & anwenden
Template-Strings
Backticks erlauben eingebettete Ausdruecke mit ${...} und mehrzeilige Strings.
Das ersetzt mühsame Verkettung mit +.
const name = 'Ada';
const punkte = 95;
console.log(`Hallo ${name}, du hast ${punkte} Punkte!`);Wichtige Methoden
toUpperCase/toLowerCase ändern die Schreibung, trim entfernt Whitespace an den Enden.
includes prüft auf Teilstrings, indexOf findet Positionen, slice schneidet Ausschnitte.
replace und replaceAll ersetzen Vorkommen.
' JavaScript '.trim().toUpperCase(); // 'JAVASCRIPT'
'Hallo Welt'.includes('Welt'); // trueZerlegen und zusammenfügen
split zerlegt einen String an einem Trenner in ein Array.
join fügt ein Array wieder zu einem String zusammen.
'rot,gruen,blau'.split(','); // ['rot', 'grün', 'blau']
['a', 'b', 'c'].join('-'); // 'a-b-c'Vertiefung
Strings sind unveränderlich
String-Methoden verändern den Originalstring nicht, sondern liefern einen neuen. Deshalb musst du das Ergebnis zuweisen oder direkt ausgeben.
Für viele Teile in einer Schleife ist += teuer. Arrays mit push und join oder Template-Strings sind meist lesbarer und schneller.
const text = " JavaScript ";
const sauber = text.trim().toLowerCase();
console.log(text); // mit Leerzeichen
console.log(sauber); // "javascript"Merksatz: String-Methoden geben neue Strings zurück. Das Original bleibt unverändert.
Übungsaufgabe
Passwort-Checker
Prüfe ein Passwort: mindestens 8 Zeichen, enthält eine Zahl und ist nicht „passwort“. Gib für jede Regel eine Rückmeldung aus.
Das soll dein Programm können
- trim und length verwenden
- Eine Zahl im String erkennen
- Den verbotenen Wert vergleichen
- Template-String für die Ausgabe
Schreibe den Code hier oder in deiner IDE und vergleiche ihn dann mit der Lösung.
Dein Code wird automatisch auf diesem Gerät gespeichert.
Hinweis anzeigen
Eine Zahl findest du mit /\d/.test(passwort). Für die Länge: passwort.trim().length >= 8.
Lösung anzeigen
const passwort = "Java2026";
const sauber = passwort.trim();
const langGenug = sauber.length >= 8;
const hatZahl = /\d/.test(sauber);
const nichtVerboten = sauber.toLowerCase() !== "passwort";
console.log(`Lang genug: ${langGenug}`);
console.log(`Enthält Zahl: ${hatZahl}`);
console.log(`Erlaubt: ${nichtVerboten}`);
console.log(langGenug && hatZahl && nichtVerboten ? "Passwort ok" : "Passwort zu schwach");Warum funktioniert das?
Der reguläre Ausdruck /\d/ prüft auf eine Ziffer. Die drei booleschen Werte werden mit && zu einer Gesamtentscheidung.
Aktiv-Check
Teste dein Verständnis
Erkennen: Welcher Abschnitt passt?
Welcher Abschnitt passt zu diesen Begriffen?
Transfer
Mini-Projekt: Der Lernzähler
Baue einen kleinen Zähler, der bei jedem Klick hochzählt und den Wert im DOM anzeigt. Erweitere ihn um einen Reset-Button.
Selbstcheck
Kann ich das schon?
Hake ab, was du wirklich erklären oder selbst bauen könntest.
Fortschritt
Bereit zum Abschließen?
Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.