JavaScript -String -Methoden
String-Methoden helfen Ihnen bei der Arbeit mit Strings.
String-Methoden und -Eigenschaften
Primitive Werte wie „John Doe“ können keine Eigenschaften oder Methoden haben (da sie keine Objekte sind).
Aber mit JavaScript sind Methoden und Eigenschaften auch für primitive Werte verfügbar, da JavaScript primitive Werte bei der Ausführung von Methoden und Eigenschaften als Objekte behandelt.
JavaScript-Stringlänge
Die Eigenschaft length gibt die Länge eines Strings zurück:
Stringteile extrahieren
Es gibt 3 Methoden zum Extrahieren eines Stringteils:
slice(start, end)substring(start, end)substr(start, length)
JavaScript String slice()
slice() extrahiert einen Teil eines Strings und gibt den extrahierten Teil in einem neuen String zurück.
Die Methode benötigt 2 Parameter: die Startposition und die Endposition (Ende nicht eingeschlossen).
Beispiel
Schneiden Sie einen Teil einer Zeichenfolge von Position 7 bis Position 13 heraus (13 nicht eingeschlossen):
let str = "Apple, Banana, Kiwi";
let part = str.slice(7, 13);
Try it Yourself »
Hinweis
JavaScript zählt Positionen ab Null.
Die erste Position ist 0.
Die zweite Position ist 1.
Wenn ein Parameter negativ ist, wird die Position vom Ende der Zeichenfolge aus gezählt.
Dieses Beispiel schneidet einen Teil einer Zeichenfolge von Position -12 bis Position -6 heraus:
Wenn Sie den zweiten Parameter weglassen, schneidet die Methode den Rest der Zeichenfolge heraus:
oder, vom Ende aus gezählt:
JavaScript String substring()
substring() ist ähnlich wie slice().
Der Unterschied besteht darin, dass Start- und Endwerte kleiner als 0 in substring() als 0 behandelt werden.
Wenn Sie den zweiten Parameter weglassen, schneidet substring() den Rest der Zeichenfolge heraus.
JavaScript String substr()
substr() ist ähnlich wie slice().
Der Unterschied besteht darin, dass der zweite Parameter die Länge des extrahierten Teils angibt.
Wenn Sie den zweiten Parameter weglassen, schneidet substr() den Rest der Zeichenfolge heraus.
Wenn der erste Parameter negativ ist, zählt die Position vom Ende der Zeichenfolge.
Ersetzen von String-Inhalten
Die Methode replace() ersetzt einen angegebenen Wert durch einen anderen Wert in einem String:
Beispiel
let text = "Please visit Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");
Try it Yourself »
Hinweis
Die Methode replace() ändert die Zeichenfolge nicht, für die sie aufgerufen wird.
Die Methode replace() gibt eine neue Zeichenfolge zurück.
Die Methode replace() ersetzt nur die erste Übereinstimmung
Wenn Sie alle Übereinstimmungen ersetzen möchten, verwenden Sie einen regulären Ausdruck mit gesetztem /g-Flag. Siehe Beispiele unten.
Standardmäßig ersetzt die Methode replace() nur die erste Übereinstimmung:
Beispiel
let text = "Please visit Microsoft and Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");
Try it Yourself »
Standardmäßig berücksichtigt die Methode replace() die Groß-/Kleinschreibung. Die Schreibweise MICROSOFT (mit Großbuchstaben) funktioniert nicht:
Beispiel
let text = "Please visit Microsoft!";
let newText = text.replace("MICROSOFT", "W3Schools");
Try it Yourself »
Um die Groß-/Kleinschreibung zu ersetzen, verwenden Sie einen regulären Ausdruck mit einem /i-Flag (nicht empfindlich):
Beispiel
let text = "Please visit Microsoft!";
let newText = text.replace(/MICROSOFT/i, "W3Schools");
Try it Yourself »
Hinweis
Reguläre Ausdrücke werden ohne Anführungszeichen geschrieben.
Um alle Übereinstimmungen zu ersetzen, verwenden Sie einen regulären Ausdruck mit einem /g-Flag (globale Übereinstimmung):
Beispiel
let text = "Please visit Microsoft and Microsoft!";
let newText = text.replace(/Microsoft/g, "W3Schools");
Try it Yourself »
Hinweis
Viel mehr über reguläre Ausdrücke erfahren Sie im Kapitel JavaScript-Reguläre Ausdrücke.
Konvertieren in Groß- und Kleinschreibung
Ein String wird in Großbuchstaben umgewandelt mit toUpperCase():
Ein String wird in Kleinbuchstaben umgewandelt mit toLowerCase():
JavaScript String toUpperCase()
JavaScript String toLowerCase()
Beispiel
let text1 = "Hello World!"; // String
let text2 = text1.toLowerCase(); // Text2 wird in Text1 umgewandelt
Try it Yourself »
JavaScript String concat()
concat() verbindet zwei oder mehr Zeichenfolgen:
Beispiel
let text1 = "Hello";
let text2 = "World";
let text3 = text1.concat(" ", text2);
Try it Yourself »
Die Methode concat() kann anstelle des Plus-Operators verwendet werden. Diese beiden Zeilen bewirken dasselbe:
Beispiel
text = "Hello" + " " + "World!";
text = "Hello".concat(" ", "World!");
Hinweis
Alle String-Methoden geben einen neuen String zurück. Sie verändern den Original-String nicht.
Formell ausgedrückt:
Strings sind unveränderlich: Strings können nicht geändert, sondern nur ersetzt werden.
JavaScript String trim()
Die Methode trim() entfernt Leerzeichen von beiden Seiten einer Zeichenfolge:
JavaScript-String-Padding
ECMAScript 2017 hat zwei String-Methoden hinzugefügt: padStart() und padEnd(), um Padding am Anfang und am Ende eines Strings zu unterstützen.
JavaScript String padStart()
Die Methode padStart() füllt einen String mit einem anderen String auf:
Hinweis
Die Methode padStart() ist eine String-Methode.
Um eine Zahl aufzufüllen, konvertieren Sie die Zahl zuerst in einen String.
Siehe das Beispiel unten.
Beispiel
let numb = 5;
let text = numb.toString();
let padded = text.padStart(4,"0");
Try it Yourself »
Browserunterstützung
padStart() ist eine Funktion von ECMAScript 2017.
Es wird in allen modernen Browsern unterstützt:
| Chrome | Edge | Firefox | Safari | Opera |
| Ja | Ja | Ja | Ja | Ja |
padStart() wird im Internet Explorer nicht unterstützt.
JavaScript String padEnd()
Die Methode padEnd() füllt einen String mit einem anderen String auf:
Hinweis
Die Methode padEnd() ist eine String-Methode.
Um eine Zahl aufzufüllen, konvertieren Sie die Zahl zuerst in einen String.
Siehe das Beispiel unten.
Browserunterstützung
padEnd() ist eine Funktion von ECMAScript 2017.
Es wird in allen modernen Browsern unterstützt:
| Chrome | Edge | Firefox | Safari | Opera |
| Ja | Ja | Ja | Ja | Ja |
padEnd() wird im Internet Explorer nicht unterstützt.
Zeichenfolgen extrahieren
Es gibt 3 Methoden zum Extrahieren von Zeichenfolgen:
charAt(position)charCodeAt(position)- Eigentum access [ ]
JavaScript String charAt()
Die Methode charAt() gibt das Zeichen an einem angegebenen Index (Position) in einer Zeichenfolge zurück:
JavaScript String charCodeAt()
Die Methode charCodeAt() gibt den Unicode des Zeichens an einem angegebenen Index in einer Zeichenfolge zurück:
Die Methode gibt einen UTF-16-Code zurück (eine Ganzzahl zwischen 0 und 65535).
Eigenschaftszugriff
ECMAScript 5 (2009) ermöglicht den Eigenschaftszugriff [ ] auf Zeichenfolgen:
Hinweis
Der Zugang zum Anwesen kann etwas unvorhersehbar sein:
- Es lässt Strings wie Arrays aussehen (sind es aber nicht)
- Wenn kein Zeichen gefunden wird, gibt [ ] undefined zurück, während charAt() einen leeren String zurückgibt.
- Es ist schreibgeschützt. str[0] = "A" gibt keinen Fehler aus (funktioniert aber nicht!)
Beispiel
let text = "HELLO WORLD";
text[0] = "A"; // Gibt keinen Fehler aus, funktioniert aber nicht
Try it Yourself »
Konvertieren eines Strings in ein Array
Wenn Sie mit einem String als Array arbeiten möchten, können Sie ihn in ein Array konvertieren.
JavaScript String split()
Ein String kann mit der Methode split() in ein Array umgewandelt werden:
Beispiel
text.split(",") // Bei Kommas trennen
text.split(" ") // Aufteilen nach Leerzeichen
text.split("|") // Auf Rohr teilen
Try it Yourself »
Wenn das Trennzeichen weggelassen wird, enthält das zurückgegebene Array die gesamte Zeichenfolge im Index [0].
Wenn das Trennzeichen "" ist, ist das zurückgegebene Array ein Array aus einzelnen Zeichen:
Vollständige String-Referenz
Eine vollständige String-Referenz finden Sie in unserer:
Vollständige JavaScript-String-Referenz.
Die Referenz enthält Beschreibungen und Beispiele aller String-Eigenschaften und -Methoden.
