Tippe deinen eigenen Text und sieh jede gängige JavaScript-String-Methode live darauf laufen: slice, split, replace mit Regex, padStart, trim und mehr, dazu kopierbare Validierungshelfer.
JavaScript-Strings bringen eingebaute Methoden zum Suchen (includes, indexOf, startsWith), Zerschneiden (slice, substring, split), Ändern der Groß-/Kleinschreibung, Trimmen, Auffüllen und Ersetzen mit. Keine davon verändert den ursprünglichen Text: Strings sind unveränderlich, daher gibt jede Methode einen neuen Wert zurück. Tippe unten beliebigen Text ein und sieh zu, wie jede Methode beim Bearbeiten darauf läuft.
Die Methoden, zu denen man am häufigsten greift
Eine Methodenliste verrät dir Namen, die Methoden auf deinem eigenen Text auszuführen verrät dir ihr Verhalten. Das Live-Blatt unten wendet jede Methode auf das an, was du tippst, sodass Sonderfälle wie negative Indizes, leere Strings und mehrfache Leerzeichen sofort sichtbar werden. Danach folgen Regex-Ersetzungen und kleine Validierungshelfer, die du in ein Formular einfügen kannst.
Beide schneiden einen Teil eines Strings von einem Startindex bis zu einem Endindex heraus. slice behandelt eine negative Zahl als Zählung vom Ende, slice(-3) liefert also die letzten drei Zeichen. substring behandelt negative Werte als null und vertauscht die Argumente, wenn der Start größer als das Ende ist.
Nutze replaceAll("old", "new") für reinen Text oder replace mit einer globalen Regex wie text.replace(/old/g, "new"). replace mit einem einfachen String ändert nur den ersten Treffer.
Setze Teile des Musters in Klammern und verweise in der Ersetzung mit $1, $2 darauf. Benannte Gruppen, geschrieben als (?<year>\d{4}), referenzierst du mit $<year>, und $& fügt den gesamten Treffer ein.
Ein einfaches Muster fängt offensichtliche Tippfehler ab, aber keine Regex bildet die E-Mail-Regeln vollständig ab. Die verlässlichste Prüfung im Browser ist ein Eingabefeld mit type="email", das das Muster aus dem HTML-Standard anwendet, gefolgt vom Versand einer Bestätigungsnachricht.
Nein. Ein String-Wert kann nach seiner Erstellung nicht verändert werden. Methoden wie toUpperCase geben einen neuen String zurück, daher musst du das Ergebnis zuweisen: name = name.toUpperCase().
Eine Regex-Ersetzung kann Muster statt festem Text treffen, Teile mit Capture Groups umordnen oder die Ersetzung mit einer Funktion berechnen.
Spezielle Muster im Ersetzungsstring
Jede Zeile läuft für sich. Mit der Funktionsform kannst du jeden Treffer umwandeln, hier wird der erste Buchstabe jedes Worts großgeschrieben.
Kleine Funktionen ohne Abhängigkeiten für Formulare und URLs. Die E-Mail-Prüfung fängt nur offensichtliche Fehler ab. Bestätige Adressen, indem du eine Nachricht sendest.
Ältere Methoden, die MDN als veraltet führt
Prüfen
Anzahl der UTF-16-Codeeinheiten
Prüfen
Zeichen an einer Position; negative Werte zählen vom Ende
Prüfen
Letztes Zeichen
Prüfen
Zeichen an einer Position, leerer String außerhalb des Bereichs
Prüfen
Nummer der UTF-16-Codeeinheit an einer Position
Suchen
true, wenn der Text irgendwo vorkommt
Suchen
true, wenn der String mit dem Text beginnt
Suchen
true, wenn der String mit dem Text endet
Suchen
Erste Position des Texts oder -1
Suchen
Letzte Position des Texts oder -1
Suchen
Position des ersten Regex-Treffers oder -1
Suchen
Array aller Treffer bei einer globalen Regex
Schneiden
Teil zwischen zwei Positionen
Schneiden
Die letzten fünf Zeichen
Schneiden
Teil zwischen zwei Positionen, ohne negative Werte
Schneiden
Array von Teilen, an einem Trennzeichen aufgeteilt
Ändern
Jeder Buchstabe großgeschrieben
Ändern
Jeder Buchstabe kleingeschrieben
Ändern
Entfernt Leerraum an beiden Enden
Ändern
Entfernt Leerraum am Anfang
Ändern
Entfernt Leerraum am Ende
Ändern
Füllt den Anfang bis zu einer Länge auf
Ändern
Füllt das Ende bis zu einer Länge auf
Ändern
Der String n-mal aneinandergehängt
Ändern
Ersetzt nur den ersten Treffer
Ändern
Ersetzt jeden Treffer
Ändern
Verbindet Strings; + macht dasselbe
Ändern
Unicode-Normalform, nützlich vor dem Vergleichen
Vergleichen
Negativ, 0 oder positiv für die Sortierreihenfolge
Alle
Tippe Text, und jede Methode unten läuft beim Bearbeiten darauf.
Dein Text (str)
Methoden filtern
zum Beispiel pad oder trim
Methodengruppe
String-Methoden nach Gruppe ({n} angezeigt)
Aufruf
Gruppe
Was es tut
Ergebnis
Probier ein Regex-Replace
Bearbeite Muster, Flags und Ersetzung, um sie an deinem eigenen Text zu testen.
Text
Muster
Flags
Ersetzung
Ungültiges Muster: {msg}
Kostenlos starten · Keine Kreditkarte nötig