Das Arbeiten mit Zeichenketten kann sich für Entwickler in einen Albtraum verwandeln, wenn man die dazugehörigen Methoden nicht kennt.
Um diese Schwierigkeiten zu überwinden, ist es unerlässlich, die wichtigsten Eigenschaften und Methoden von Strings in JavaScript zu verstehen.
Lassen Sie uns diese nun im Detail betrachten:
Länge
Die Eigenschaft length gibt die Anzahl der Zeichen in einer Zeichenkette zurück.
const firma = "beispiel";
console.log(firma.length);
toUpperCase()
Die Methode toUpperCase() wandelt alle Zeichen in der Zeichenkette in Großbuchstaben um und gibt die neue Zeichenkette zurück. Die ursprüngliche Zeichenkette bleibt unverändert.
const firma = "beispiel";
const firmaInGrossbuchstaben = firma.toUpperCase();
console.log(firmaInGrossbuchstaben);
toLowerCase()
Die Methode toLowerCase() wandelt alle Zeichen in der Zeichenkette in Kleinbuchstaben um und gibt die neue Zeichenkette zurück. Die ursprüngliche Zeichenkette bleibt dabei unverändert.
const firma = "BEISPIEL";
const firmaInKleinbuchstaben = firma.toLowerCase();
console.log(firmaInKleinbuchstaben);
trim()
Die Methode trim() entfernt alle Leerzeichen am Anfang und am Ende der Zeichenkette. Die ursprüngliche Zeichenkette wird dadurch nicht verändert.
const firma = " Beispiel mit Leerzeichen ";
console.log(firma);
console.log(firma.trim());
charAt(index)
Die Methode charAt(index) gibt das Zeichen an der angegebenen Indexposition zurück. Befindet sich der Index außerhalb des gültigen Bereichs, wird eine leere Zeichenkette zurückgegeben.
const firma = "beispiel";
console.log(firma.charAt(2));
console.log(firma.charAt(10));
charCodeAt(index)
Die Methode charCodeAt(index) gibt den ASCII-Code des Zeichens an der angegebenen Indexposition zurück. Wenn der Index ungültig ist, wird NaN (Not a Number) zurückgegeben.
const firma = "beispiel";
console.log(firma.charCodeAt(2));
console.log(firma.charCodeAt(10));
slice(startIndex, endIndex)
Die Methode slice() extrahiert einen Teil der Zeichenkette, beginnend beim startIndex bis (aber nicht einschließlich) zum endIndex. Beispielsweise gibt string.slice(0, 6) die Teilzeichenkette vom Index 0 bis zum Index 5 zurück.
const firma = "beispiel";
console.log(firma.slice(0, 4));
Die slice() Methode kann auch mit einem einzigen Argument aufgerufen werden. In diesem Fall wird die Teilzeichenkette vom angegebenen Index bis zum Ende der Zeichenkette zurückgegeben.
const firma = "beispiel";
console.log(firma.slice(4));
Die Methode slice() akzeptiert auch negative Indizes. Diese werden vom Ende der Zeichenkette gezählt. Betrachten wir ein Beispiel:
Für die Zeichenkette „beispiel“ sind die negativen Indizes wie folgt:
b = -8, e = -7, i = -6, s = -5 usw.
Der Code string.slice(-8, -5) würde „bei“ für das obige Beispiel zurückgeben.
const firma = "beispiel";
console.log(firma.slice(-8, -5));
Der Code string.slice(-5) gibt „piel“ für das obige Beispiel zurück.
const firma = "beispiel";
console.log(firma.slice(-5));
Hinweis: Negative Indizierung funktioniert nicht in IE8 und älteren Versionen.
substr(startIndex, length)
Die Methode substr() ist ähnlich wie die Methode slice(). Der wesentliche Unterschied besteht darin, dass substr() die Länge der Teilzeichenkette angibt, die aus der Originalzeichenkette extrahiert werden soll.
const firma = "beispiel";
console.log(firma.substr(2, 4));
Es gibt eine weitere Methode namens substring(), die der Methode slice() ähnelt, jedoch keine negativen Indizes akzeptiert. Probieren Sie es selbst aus.
replace(substring, newSubString)
Die Methode replace() ersetzt das erste Vorkommen von substring durch newSubString.
const satz = "Besuchen Sie die Webseite Beispiel";
console.log(satz.replace("Beispiel", "wdzwdz"));
indexOf(substring)
Die Methode indexOf() gibt den Startindex des ersten Vorkommens des angegebenen Zeichens in der Zeichenkette zurück. Wenn das Zeichen nicht gefunden wird, gibt sie -1 zurück.
const firma = "beispiel";
console.log(firma.indexOf("spiel"));
console.log(firma.indexOf("x"));
Die Methode indexOf() kann auch ein zweites Argument akzeptieren, einen Index, ab dem die Suche nach dem gegebenen substring beginnen soll.
const firma = "beispiel";
console.log(firma.indexOf("e"));
console.log(firma.indexOf("e", 5));
Es gibt eine weitere Methode namens lastIndexOf(), die der Methode indexOf() ähnelt. Der Unterschied ist, dass lastIndexOf() das Zeichen am Ende der Zeichenkette sucht und den Index des ersten Vorkommens des Zeichens von rechts zurückgibt. Probieren Sie firma.lastIndexOf('e') aus.
split(substring)
Die Methode split() teilt die Zeichenkette anhand des angegebenen substring und gibt die Teile als Array zurück.
const satz = "Besuchen, Sie, die, Webseite, wdzwdz";
console.log(satz.split(" "));
console.log(satz.split(", "));
Fazit
Das ist natürlich nicht alles. Erkunden Sie die verbleibenden String-Methoden in der Dokumentation. Vielleicht gibt es andere Methoden, die in bestimmten Situationen nützlich sein können.
Suchen und nutzen Sie diese in Ihrem speziellen Fall, auch wenn sie hier nicht aufgeführt sind.
Viel Spaß beim Programmieren! 🙂
Als Nächstes sollten Sie sich einige der gängigen JavaScript-Frameworks ansehen.