Lädt...

String-Methoden

Einen String schreiben können Sie schon. Hier geht es um Methoden: Werkzeuge, die Sie am Text aufrufen — Groß-/Kleinschreibung, Ausschnitt, Leerzeichen säubern, Text tauschen oder fragen „kommt diese Phrase vor?“. Sie müssen nicht alle Methoden der Sprache lernen; starten Sie mit einem kurzen Alltagssatz.

Wie funktionieren String-Methoden in JavaScript?

Eine String-Methode hängt am String-Wert. Aufruf mit Punkt, Namen und Klammern: "hi".toUpperCase(). Die meisten liefern einen neuen String. Das Original bleibt, bis Sie das Ergebnis speichern (let clean = raw.trim()). Alltagsstarter: toUpperCase / toLowerCase, slice, trim, replace (erster Treffer), includes (ja/nein) und indexOf (Startindex oder -1).

Werkzeugkasten String-Methoden

📊 String-Methoden, die Einsteiger zuerst brauchen

Idee Beispiel Ergebnis / Hinweis
Großbuchstaben "hi".toUpperCase() "HI"
slice "JavaScript".slice(0, 4) "Java" (Endindex nicht inklusive)
trim " hi ".trim() "hi"
replace "a-a".replace("-", "/") "a/a" (nur erster Treffer)
includes "hello".includes("ell") true
indexOf "hello".indexOf("l") 2 (erster Index; fehlt = -1)

Buchstabengröße ändern

toUpperCase() und toLowerCase() erzeugen einen neuen String mit einheitlicher Schreibweise — praktisch vor Textvergleichen.

Groß- und Kleinschreibung

javascript 
let city = "Tehran";
console.log(city.toUpperCase());
console.log(city.toLowerCase());
console.log(city);

Ausschnitt mit slice

slice(start, end) kopiert ab start bis vor end. Ohne end bis zum letzten Zeichen. Indizes beginnen bei 0.

String mit slice schneiden

javascript 
let word = "JavaScript";
console.log(word.slice(0, 4));
console.log(word.slice(4));
console.log(word);

Rand-Leerzeichen mit trim entfernen

Eingaben haben oft Leerzeichen vorn oder hinten. trim() entfernt genau die — Leerzeichen in der Mitte bleiben.

Leerzeichen mit trim entfernen

javascript 
let raw = "  hello  ";
let clean = raw.trim();
console.log(raw.length);
console.log(clean.length);
console.log(clean);

Text mit replace tauschen

replace(old, new) ersetzt den ersten Treffer von old durch new. Der Rest bleibt. (Alle Treffer ersetzen kommt später.)

Ersten Treffer ersetzen

javascript 
let line = "red-blue-red";
console.log(line.replace("-", "/"));
console.log(line);

Suchen mit includes und indexOf

includes(piece) antwortet ja/nein (true / false). indexOf(piece) liefert den ersten Index oder -1, wenn nichts gefunden wird.

includes und indexOf

javascript 
let msg = "Welcome guest";
console.log(msg.includes("guest"));
console.log(msg.includes("admin"));
console.log(msg.indexOf("come"));
console.log(msg.indexOf("x"));

Sauberer Titel auf der Seite

Eingabe trimmen, Schreibweise vereinheitlichen, dann mit textContent anzeigen.

Seite zeigt bereinigten Titel

html 
<!DOCTYPE html>
<html>
<head>
<title>String methods — clean title</title>
</head>
<body>
<p id="out">…</p>
<script>
let raw = "  javaScript methods  ";
let title = raw.trim().toUpperCase();
document.getElementById("out").textContent = title;
</script>
</body>
</html>

Der Absatz zeigt den bereinigten Titel. Ändern Sie nur raw, laden neu und prüfen Sie Trim und Großschreibung.

Selbst ausprobieren

  1. Loggen Sie "Tehran".toUpperCase() und "Tehran".toLowerCase(); speichern Sie ggf. zuerst und sehen Sie das Original.
  2. Von "JavaScript" die ersten vier Zeichen mit slice, dann ab Index 4 bis zum Ende.
  3. " hi " trimmen und .length vorher/nachher vergleichen.
  4. Bei "a-b-c" das erste "-" per replace durch "/" ersetzen; Ergebnis und Original loggen.
  5. In einem kurzen Satz includes für ein vorhandenes und ein fehlendes Wort; indexOf für einen Buchstaben.
  6. Im HTML-Demo nur raw ändern, neu laden, neuen Titel lesen.

Typische Fehler

  • toUpperCase ohne () — Aufruf braucht Klammern: .toUpperCase()
  • Erwarten, dass "hi".toUpperCase() das Original ändert — es gibt einen neuen Wert zurück; bei Bedarf zuweisen
  • Glauben, slice(0, 4) enthält Index 4 — das Ende ist ausgeschlossen
  • Annehmen, replace ändert jeden Treffer — Standard ist nur der erste
  • Nur indexOf nutzen, wenn Sie klares Ja/Nein wollen — dafür ist includes lesbarer

Kurzfassung

  • Methoden mit . + Name + () aufrufen
  • toUpperCase / toLowerCase ändern die Schreibweise; slice schneidet; trim säubert Ränder
  • replace tauscht den ersten Treffer; includes / indexOf suchen im String
  • Meist kommt ein neuer Wert — speichern, wenn Sie ihn behalten wollen
  • Als Nächstes: Booleans — true und false für Ja/Nein-Entscheidungen

🧠 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 11 von 13
Javascript Tutorial