Mit Strings zu arbeiten, ohne die Methoden zu kennen, wird für Entwickler ein Albtraum sein.
Um diese Alpträume loszuwerden, müssen wir die wichtigsten Eigenschaften und Methoden von Strings in JavaScript kennen.
Lassen Sie uns sie einzeln erkunden.
Inhaltsverzeichnis
Länge
Die Eigenschaft length gibt die Länge des Strings zurück.
const company = "wdzwdz"; console.log(company.length);
toUpperCase()
Die Methode toUpperCase wandelt jedes Zeichen im String in Großbuchstaben um und gibt sie zurück. Die ursprüngliche Zeichenfolge wird nicht geändert.
const company = "wdzwdz"; const upperCaseCompany = company.toUpperCase(); console.log(upperCaseCompany);
nach Kleinbuchstaben ()
Die Methode toLowerCase wandelt jedes Zeichen im String in Kleinbuchstaben um und gibt es zurück. Die ursprüngliche Zeichenfolge wird nicht geändert.
const company = "wdzwdz"; const lowerCaseCompany = company.toLowerCase(); console.log(lowerCaseCompany);
trimmen()
Die Methode trim entfernt die beginnenden und abschließenden Leerzeichen aus der Zeichenfolge. Es ist eine In-Place-Operation, dh aktualisiert die ursprüngliche Zeichenfolge.
const company = " Geek Flare "; console.log(company); console.log(company.trim());
charAt(index)
Die Methode charAt gibt das Zeichen am angegebenen Index zurück. Es gibt eine leere Zeichenfolge zurück, wenn der Index nicht gültig ist.
const company = "wdzwdz"; console.log(company.charAt(2)); console.log(company.charAt(10));
charCodeAt(index)
Die Methode charCodeAt gibt den Zeichen-ASCII-Code am angegebenen Index zurück. Es gibt NaN zurück, wenn der Index nicht gültig ist.
const company = "wdzwdz"; console.log(company.charCodeAt(2)); console.log(company.charCodeAt(10));
Slice(startIndex, endIndex)
Die Methode Slice gibt den Teilstring des Strings von startIndex bis endIndex zurück (ohne). string.slice(0, 6) gibt die Teilzeichenfolge vom 0. Index bis zum 5. Index zurück.
const company = "wdzwdz"; console.log(company.slice(0, 4));
Die Methode Slice akzeptiert auch ein einzelnes Argument. Wenn Sie der Slice-Methode ein einzelnes Argument übergeben, wird die Teilzeichenfolge vom angegebenen Index bis zum Ende der Zeichenfolge zurückgegeben.
const company = "wdzwdz"; console.log(company.slice(4));
Die Methode Slice akzeptiert auch negative Indizes. Die negativen Indizes werden vom Ende der Zeichenfolge gezählt. Sehen wir uns ein Beispiel an, da es für die meisten Menschen neu ist.
Bei gegebenem String wdzwdz sind die negativen Indizes
G = -9, e = -8, e = -7, k = -6
usw…
Der Code string.slice(-9, -5) gibt Geek für das obige Beispiel zurück.
const company = "wdzwdz"; console.log(company.slice(-9, -5));
Der Code string.slice(-5) gibt Flare für das obige Beispiel zurück.
const company = "wdzwdz"; console.log(company.slice(-5));
Hinweis: Die negative Indizierung funktioniert nicht in IE8 und früheren Versionen.
substr(startIndex, Länge)
Die Methode substr ähnelt der Slice-Methode. Der einzige Unterschied besteht darin, dass die Methode substr die Teilstringlänge akzeptiert, die aus dem ursprünglichen String extrahiert werden muss.
const company = "wdzwdz"; console.log(company.substr(4, 5));
Es gibt eine andere Methode namens substring, die der Slice-Methode ähnelt. Der Methodenteilstring akzeptiert jedoch keine negativen Indizes. Versuch es.
Ersetzen (Teilzeichenfolge, neue Teilzeichenfolge)
Die Methode replace ersetzt die erste Instanz des Teilstrings durch den neuenSubString.
const statement = "Visit the site Google"; console.log(statement.replace("Google", "wdzwdz"));
indexOf(Teilstring)
Die Methode indexOf gibt den Anfangsindex eines gegebenen Zeichens aus der Zeichenfolge zurück. Es wird -1 zurückgegeben, wenn das Zeichen nicht in der Zeichenfolge vorhanden ist.
const company = "wdzwdz"; console.log(company.indexOf("Flare")); console.log(company.indexOf("O"));
Die Methode indexOf akzeptiert das zweite Argument, das ein Index ist, von dem aus die Suche nach der angegebenen Teilzeichenfolge beginnt.
const company = "wdzwdz"; console.log(company.indexOf("e")); console.log(company.indexOf("e", 5));
Es gibt eine andere Methode namens lastIndexOf, die der Methode indexOf ähnelt. Der einzige Unterschied besteht darin, dass die Methode lastIndexOf das Zeichen am Ende der Zeichenfolge sucht und den Index der ersten Instanz des Zeichens zurückgibt. Probieren Sie es für den Code company.lastIndexOf(‚e‘) aus.
aufgeteilt (Teilstring)
Die Methode split teilt den gegebenen String auf den Teilstring auf und gibt die Teile als Array zurück.
const statement = "Visit, the, site, wdzwdz"; console.log(statement.split(" ")); console.log(statement.split(", "));
Fazit
Das ist nicht das Ende. Erkunden Sie die verbleibenden Methoden der Zeichenfolgen aus der Dokumentation. Möglicherweise gibt es andere Methoden, die in bestimmten Fällen nützlich sind.
Suchen und verwenden Sie sie in Ihrem speziellen Fall, wenn sie hier nicht aufgeführt sind.
Viel Spaß beim Programmieren 🙂
Erkunden Sie als Nächstes einige der beliebten JavaScript-Frameworks.