JavaScript- String-Methoden
String-Methoden helfen Ihnen, mit Strings zu arbeiten.
String-Methoden und -Eigenschaften
Primitive Werte wie "John Doe" können keine Eigenschaften oder Methoden haben (weil sie keine Objekte sind).
Aber mit JavaScript sind Methoden und Eigenschaften auch für primitive Werte verfügbar, da JavaScript primitive Werte als Objekte behandelt, wenn es Methoden und Eigenschaften ausführt.
Länge der JavaScript-Zeichenfolge
Die length
Eigenschaft gibt die Länge eines Strings zurück:
Beispiel
let txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = txt.length;
Extrahieren von String-Teilen
Es gibt 3 Methoden zum Extrahieren eines Teils einer Zeichenfolge:
slice(start, end)
substring(start, end)
substr(start, length)
JavaScript-String-Slice()
slice()
extrahiert einen Teil einer Zeichenfolge und gibt den extrahierten Teil in einer neuen Zeichenfolge zurück.
Die Methode benötigt 2 Parameter: die Startposition und die Endposition (Ende nicht eingeschlossen).
Dieses Beispiel schneidet einen Teil einer Zeichenfolge von Position 7 bis Position 12 (13-1):
Beispiel
let str = "Apple, Banana, Kiwi";
let part = str.slice(7, 13);
Notiz
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 gezählt.
Dieses Beispiel schneidet einen Teil einer Zeichenfolge von Position -12 bis Position -6 heraus:
Beispiel
let str = "Apple, Banana, Kiwi";
let part = str.slice(-12, -6);
Wenn Sie den zweiten Parameter weglassen, schneidet die Methode den Rest der Zeichenfolge heraus:
Beispiel
let part = str.slice(7);
oder, vom Ende gezählt:
Beispiel
let part = str.slice(-12);
JavaScript-Zeichenfolge Teilzeichenfolge ()
substring()
ist ähnlich wie slice()
.
Der Unterschied besteht darin, dass substring()
negative Indizes nicht akzeptiert werden können.
Beispiel
let str = "Apple, Banana, Kiwi";
let part = str.substring(7, 13);
Wenn Sie den zweiten Parameter weglassen, substring()
wird der Rest der Zeichenfolge herausgeschnitten.
JavaScript-String substr()
substr()
ist ähnlich wie slice()
.
Der Unterschied besteht darin, dass der zweite Parameter die Länge des extrahierten Teils angibt.
Beispiel
let str = "Apple, Banana, Kiwi";
let part = str.substr(7, 6);
Wenn Sie den zweiten Parameter weglassen, substr()
wird der Rest der Zeichenfolge herausgeschnitten.
Beispiel
let str = "Apple, Banana, Kiwi";
let part = str.substr(7);
Wenn der erste Parameter negativ ist, zählt die Position vom Ende des Strings.
Beispiel
let str = "Apple, Banana, Kiwi";
let part = str.substr(-4);
String-Inhalt ersetzen
Die replace()
Methode ersetzt einen angegebenen Wert durch einen anderen Wert in einer Zeichenfolge:
Beispiel
let text = "Please visit Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");
Notiz
Die replace()
Methode ändert nicht die Zeichenfolge, für die sie aufgerufen wird.
Die replace()
Methode gibt einen neuen String zurück.
Standardmäßig replace()
ersetzt die Methode nur die erste Übereinstimmung:
Beispiel
let text = "Please visit Microsoft and Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");
Standardmäßig wird bei der replace()
Methode zwischen Groß- und Kleinschreibung unterschieden. Das Schreiben von MICROSOFT (mit Großbuchstaben) funktioniert nicht:
Beispiel
let text = "Please visit Microsoft!";
let newText = text.replace("MICROSOFT", "W3Schools");
Um die Groß-/Kleinschreibung zu ersetzen, verwenden Sie einen regulären Ausdruck mit einem /i
Flag (unempfindlich):
Beispiel
let text = "Please visit Microsoft!";
let newText = text.replace(/MICROSOFT/i, "W3Schools");
Notiz
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");
Notiz
Viel mehr über reguläre Ausdrücke erfahren Sie im Kapitel JavaScript Reguläre Ausdrücke .
Umwandlung in Groß- und Kleinschreibung
Ein String wird in Großbuchstaben umgewandelt mit toUpperCase()
:
Ein String wird in Kleinbuchstaben umgewandelt mit toLowerCase()
:
JavaScript-String in Großbuchstaben ()
Beispiel
let text1 = "Hello World!";
let text2 = text1.toUpperCase();
JavaScript-String toLowerCase()
Beispiel
let text1 = "Hello World!"; // String
let text2 = text1.toLowerCase(); // text2 is text1
converted to lower
JavaScript-String concat()
concat()
verbindet zwei oder mehr Strings:
Beispiel
let text1 = "Hello";
let text2 = "World";
let text3 = text1.concat(" ", text2);
Die concat()
Methode kann anstelle des Plus-Operators verwendet werden. Diese beiden Zeilen tun dasselbe:
Beispiel
text = "Hello" + " " + "World!";
text = "Hello".concat(" ", "World!");
Notiz
Alle String-Methoden geben einen neuen String zurück. Sie ändern die ursprüngliche Zeichenfolge nicht.
Formell gesagt:
Strings sind unveränderlich: Strings können nicht geändert, nur ersetzt werden.
JavaScript String trim()
Die trim()
Methode entfernt Leerzeichen von beiden Seiten einer Zeichenfolge:
Beispiel
let text1 = " Hello World! ";
let text2 = text1.trim();
JavaScript-String-Padding
ECMAScript 2017 hat zwei String-Methoden hinzugefügt: padStart
und padEnd
um das Auffüllen am Anfang und am Ende einer Zeichenfolge zu unterstützen.
JavaScript-String padStart()
Beispiel
let text = "5";
let padded = text.padStart(4,0);
Browser-Unterstützung
padStart()
ist eine ECMAScript 2017-Funktion.
Es wird in allen modernen Browsern unterstützt:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
padStart()
wird im Internet Explorer nicht unterstützt.
JavaScript-String padEnd()
Beispiel
let text = "5";
let padded = text.padEnd(4,0);
Browser-Unterstützung
padEnd()
ist eine ECMAScript 2017-Funktion.
Es wird in allen modernen Browsern unterstützt:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
padEnd()
wird im Internet Explorer nicht unterstützt.
Extrahieren von Zeichenketten
Es gibt 3 Methoden zum Extrahieren von Zeichenketten:
charAt(position)
charCodeAt(position)
- Eigentumszugang [ ]
JavaScript-String charAt()
Die charAt()
Methode gibt das Zeichen an einem angegebenen Index (Position) in einer Zeichenfolge zurück:
Beispiel
let text = "HELLO WORLD";
let char = text.charAt(0);
JavaScript-String charCodeAt()
Die charCodeAt()
Methode gibt den Unicode des Zeichens an einem angegebenen Index in einer Zeichenfolge zurück:
Die Methode gibt einen UTF-16-Code zurück (eine ganze Zahl zwischen 0 und 65535).
Beispiel
let text = "HELLO WORLD";
let char = text.charCodeAt(0);
Zugriff auf Eigentum
ECMAScript 5 (2009) erlaubt Eigenschaftszugriff [ ] auf Strings:
Beispiel
let text = "HELLO WORLD";
let char = text[0];
Notiz
Der Zugriff auf die Property ist möglicherweise etwas unvorhersehbar:
- Es lässt Strings wie Arrays aussehen (aber sie sind es nicht)
- If no character is found, [ ] returns undefined, while charAt() returns an empty string.
- It is read only. str[0] = "A" gives no error (but does not work!)
Example
let text = "HELLO WORLD";
text[0] = "A"; // Gives no error, but does not work
Converting a String to an Array
If you want to work with a string as an array, you can convert it to an array.
JavaScript String split()
A string can be converted to an array with the split()
method:
Example
text.split(",") // Split on commas
text.split(" ") // Split on spaces
text.split("|") // Split on pipe
If the separator is omitted, the returned array will contain the whole string in index [0].
If the separator is "", the returned array will be an array of single characters:
Example
text.split("")
Complete String Reference
For a complete String reference, go to our:
Complete JavaScript String Reference.
The reference contains descriptions and examples of all string properties and methods.