Das Arbeiten mit Strings ohne Kenntnis der Methoden ist für Entwickler ein Albtraum.
Um diese Albträume loszuwerden, müssen wir die wichtigsten Eigenschaften und Methoden von Strings kennen JavaScript.
Lassen Sie uns sie eins nach dem anderen erforschen.
length
Das Anwesen length Gibt die Länge der Zeichenfolge zurück.
const company = "GeekFlare";
console.log(company.length);
toUpperCase()
Das Verfahren toUpperCase Setzt jedes Zeichen in der Zeichenfolge in Großbuchstaben und gibt es zurück. Die ursprüngliche Zeichenfolge wird nicht geändert.
const company = "GeekFlare";
const upperCaseCompany = company.toUpperCase();
console.log(upperCaseCompany);
toLowerCase()
Das Verfahren toLowerCase Setzt jedes Zeichen in der Zeichenfolge in Kleinbuchstaben und gibt es zurück. Die ursprüngliche Zeichenfolge wird nicht geändert.
const company = "GeEkFlaRe";
const lowerCaseCompany = company.toLowerCase();
console.log(lowerCaseCompany);
trim()
Das Verfahren trim Entfernt die beginnenden und endenden Leerzeichen aus der Zeichenfolge. Es handelt sich um eine In-Place-Operation, bei der die ursprüngliche Zeichenfolge aktualisiert wird.
const company = " Geek Flare ";
console.log(company);
console.log(company.trim());
charAt(index)
Das Verfahren charAt Gibt das Zeichen am angegebenen Index zurück. Es gibt eine leere Zeichenfolge zurück, wenn der Index ungültig ist.
const company = "GeekFlare";
console.log(company.charAt(2));
console.log(company.charAt(10));
charCodeAt(index)
Das Verfahren charCodeAt Gibt den Zeichen-ASCII-Code am angegebenen Index zurück. Es kehrt zurück NaN wenn der Index nicht gültig ist.
const company = "GeekFlare";
console.log(company.charCodeAt(2));
console.log(company.charCodeAt(10));
slice(startIndex, endIndex)
Das Verfahren slice Gibt den Teilstring aus dem String von zurück startIndex zu endIndex (Nicht beinhaltet). Das string.slice(0, 6) Gibt den Teilstring von der zurück 0th Index zu 5th Index.
const company = "GeekFlare";
console.log(company.slice(0, 4));
Das Verfahren slice wird auch ein sing Argument akzeptieren. Wenn Sie ein einzelnes Argument an die übergeben slice Methode, dann wird die Teilzeichenfolge vom angegebenen Index bis zum Ende der Zeichenfolge zurückgegeben.
const company = "GeekFlare";
console.log(company.slice(4));
Das Verfahren slice akzeptiert auch negative Indizes. Die negativen Indizes werden ab dem Ende der Zeichenfolge gezählt. Sehen wir uns ein Beispiel an, da es für die meisten Menschen neu ist.
Gegebene Zeichenfolge GeekFlaresind die negativen Indizes
G =-9, e =-8, e =-7, k = -6
und so weiter…
Der Code string.slice(-9, -5) wird zurückkehren Geek für das obige Beispiel.
const company = "GeekFlare";
console.log(company.slice(-9, -5));
Der Code string.slice(-5) wird zurückkehren Flare für das obige Beispiel.
const company = "GeekFlare";
console.log(company.slice(-5));
Hinweis: Negative Indizierung funktioniert nicht IE8 und frühere Versionen.
substr(startIndex, length)
Das Verfahren substr ist ähnlich wie die slice Methode. Der einzige Unterschied ist, dass die Methode substr Akzeptiert die Teilzeichenfolgenlänge, die aus der ursprünglichen Zeichenfolge extrahiert werden muss.
const company = "GeekFlare";
console.log(company.substr(4, 5));
Es gibt eine andere Methode namens substring das ist ähnlich wie die slice Methode. Aber die Methode substring wird nicht akzeptieren negative Indizes. Versuch es.
replace(substring, newSubstring)
Das Verfahren replace ersetzt die erste Instanz des Teilzeichenfolge mit dem neuerSubString.
const statement = "Visit the site Google";
console.log(statement.replace("Google", "GeekFlare"));
indexOf(substring)
Das Verfahren indexOf Gibt den Startindex eines bestimmten Zeichens aus der Zeichenfolge zurück. Es wird zurückkehren -1 wenn das Zeichen nicht in der Zeichenfolge vorhanden ist.
const company = "GeekFlare";
console.log(company.indexOf("Flare"));
console.log(company.indexOf("O"));
Das Verfahren indexOf akzeptiert das zweite Argument, bei dem es sich um einen Index handelt, von dem aus die Suche nach dem angegebenen Teilstring beginnt.
const company = "GeekFlare";
console.log(company.indexOf("e"));
console.log(company.indexOf("e", 5));
Es gibt eine andere Methode namens lastIndexOf Das ist ähnlich wie bei der Methode indexOf. Der einzige Unterschied ist, dass die Methode lastIndexOf sucht das Zeichen am Ende der Zeichenfolge und gibt das zurück Index der ersten Instanz des Charakters. Probieren Sie es für den Code aus company.lastIndexOf('e').
split(substring)
Das Verfahren split teilt die angegebene Zeichenfolge auf Teilzeichenfolge und gibt die Teile als Array zurück.
const statement = "Visit, the, site, GeekFlare";
console.log(statement.split(" "));
console.log(statement.split(", "));
Fazit
Das ist nicht das Ende. Informieren Sie sich über die verbleibenden Methoden der Zeichenfolgen in der Dokumentation. Möglicherweise gibt es andere Methoden, die in bestimmten Fällen nützlich sind.
Suchen und verwenden Sie sie in Ihrem spezifischen, wenn es hier nicht aufgeführt ist.
Viel Spaß beim Codieren 🙂
Als nächstes erkunden Sie einige der beliebte JavaScript-Frameworks.
