Lädt...

Zeichenketten in JavaScript

Du weißt schon, dass ein Wert ein string sein kann. Diese Lektion bleibt beim Text: in Anführungszeichen schreiben, Zeichen zählen, Teile verbinden, Anführungszeichen innen setzen und eine Meldung auf der Seite zeigen. Werkzeuge wie slice und toUpperCase folgen in der nächsten Lektion.

Wie funktionieren Zeichenketten in JavaScript?

Ein String ist Text, den die Engine als einen Wert behandelt. Du schreibst ihn in einfachen oder doppelten Anführungszeichen oder in Backticks (`). "Hallo" und 'Hallo' sind beide Strings; 42 ohne Anführungszeichen ist eine Zahl. Die Eigenschaft length liefert die Zeichenanzahl (Leerzeichen zählen mit). Mit + verkettest du Strings, oder du baust eine Zeile mit einem Template Literal und ${…}. Ein Backslash (\) erlaubt dasselbe Anführungszeichen im Text. Für sichtbaren Text nutze textContent.

String-Werkzeugkasten

📊 Textwerkzeuge, die Einsteiger zuerst brauchen

Idee Beispiel Ergebnis / Hinweis
Doppelte Quotes let s = "Hi"; Typ string
Einfache Quotes let s = 'Hi'; Derselbe Typ string
length "Hi".length 2 (Zeichen)
Verketten mit + "Hi" + "!" "Hi!"
Escape "Say \"hi\"" Anführungszeichen im gleichen Stil
Template ` Hi, ${name} ` fügt den Wert von name ein

Text in Anführungszeichen schreiben

Wähle einen Stil und schließe gleich. "" ist ein gültiger leerer String.

Strings mit einfachen und doppelten Anführungszeichen

javascript 
let greeting = "Hello";
let city = 'Tehran';
console.log(greeting);
console.log(city);
console.log(typeof greeting);

Zeichen mit length zählen

length ist eine Eigenschaft, keine Funktion — schreib .length, nicht .length(). Leerzeichen zählen.

String-Länge

javascript 
let word = "JavaScript";
console.log(word.length);
console.log("Hi there".length);

Strings mit + verbinden

Der Operator + klebt Text zusammen. Ist eine Seite ein String, wird die andere oft zu Text — deshalb wird "Score: " + 10 zu "Score: 10". Merke dir das beim Mischen von Zahlen und Text.

Verketten mit +

javascript 
let first = "Ada";
let last = "Lovelace";
let full = first + " " + last;
console.log(full);
console.log("Score: " + 10);

Anführungszeichen im String

Zwei einfache Wege: anderen Stil wählen oder mit Backslash escapen.

Anführungszeichen im String

javascript 
let a = "She said \"hello\"";
let b = 'It\'s ready';
console.log(a);
console.log(b);

Template Literals (Backticks)

Mit Backticks schreibst du einen String und setzt Werte mit ${…} ein — praktisch für Meldungen mit Wörtern und Variablen.

Template Literal mit Platzhalter

javascript 
let name = "Sam";
let line = `Hello, ${name}!`;
console.log(line);

Einen String auf der Seite zeigen

Baue die Meldung und weise sie mit textContent zu, damit der Absatz Klartext zeigt.

Seite zeigt eine Begrüßungszeichenkette

html 
<!DOCTYPE html>
<html>
<head>
<title>Strings — greeting on page</title>
</head>
<body>
<p id="out">…</p>
<script>
let user = "guest";
let msg = `Welcome, ${user}!`;
document.getElementById("out").textContent = msg;
</script>
</body>
</html>

Der Absatz zeigt die Begrüßung. Ändere nur user, lade neu und prüfe die neue Zeile.

Selbst ausprobieren

  1. Lege ein let mit doppelten und eines mit einfachen Quotes an; logge beide und typeof.
  2. Logge .length für "JavaScript" und für eine kurze Phrase mit Leerzeichen.
  3. Verbinde Vor- und Nachname mit + und Leerzeichen; logge das Ergebnis.
  4. Schreibe einen String mit Apostroph oder doppeltem Anführungszeichen (Escape oder Stilwechsel).
  5. Baue `Hello, ${name}!` mit einem let name und logge es.
  6. Ändere im HTML-Demo nur user, lade neu und lies die neue Begrüßung.

Typische Fehler

  • let s = Hello; ohne Quotes — die Engine sucht eine Variable Hello
  • Öffnen mit " und Schließen mit ' (oder umgekehrt)
  • length() wie eine Funktion aufrufen — nutze .length
  • Erwarten, dass "5" + 5 immer Zahlenaddition ist — mit String verkettet + oft
  • Zu früh viele String-Methoden lernen (kommen als Nächstes)

Zusammenfassung

  • Strings sind Text in '…', "…" oder `…`
  • length zählt Zeichen; es ist eine Eigenschaft
  • Verketten mit +, oder Template Literals mit ${…}
  • Gleiche Quotes mit \ escapen oder den Stil wechseln
  • Als Nächstes: String-Methoden — z. B. slice, replace und Groß-/Kleinschreibung

🧠 Testen Sie Ihr Wissen

Bereit zum Start

Testen Sie Ihr Wissen

Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen

❓
8
Fragen
🎯
70%
Zum Bestehen
♾️
∞
Zeit
🔄
∞
Versuche

📝 Anweisungen

  • Lesen Sie jede Frage sorgfältig
  • Wählen Sie die beste Antwort für jede Frage
  • Sie können das Quiz so oft wiederholen, wie Sie möchten
  • Ihr Fortschritt wird oben angezeigt
Thema 10 von 13
Javascript Tutorial