10 JavaScript-String-Methoden, die Sie heute beherrschen sollten

Beim Programmieren in JavaScript werden Sie häufig auf Szenarien stoßen, die eine Manipulation von Zeichenfolgen erfordern. Beispielsweise müssen Sie beim Abrufen einer E-Mail möglicherweise alle Zeichen in Kleinbuchstaben umwandeln oder einen regulären Ausdruck verwenden, um zu überprüfen, ob das eingegebene Passwort alle Bedingungen erfüllt.

JavaScript-String-Methoden helfen Ihnen, all diese Operationen mit einem String gemäß Ihren Anforderungen mit Leichtigkeit durchzuführen. Hier sind 10 String-Methoden mit Beispielen, die Ihnen helfen, sie gut zu verstehen.

Was sind JavaScript-String-Methoden?

Strings sind eine grundlegende Datenstruktur, die aus einer Folge von Zeichen besteht. Diese Datenstruktur ist Teil aller wichtigen Programmiersprachen, einschließlich Python, JavaScript, Java und mehr.

String-Methoden sind die vorgefertigten JavaScript-Methoden, die Entwicklern helfen, allgemeine Operationen an Strings durchzuführen, ohne den Code manuell schreiben zu müssen. Sie werden mit der an die String-Variablen angehängten Punktnotation ausgeführt.

Verbunden: Was ist eine Funktion in der Programmierung?

Da es sich nur um JavaScript-Funktionen handelt, enden sie immer mit Klammern, die optionale Argumente enthalten können. Es ist wichtig zu wissen was JavaScript ist und wie es funktioniert bevor Sie weitermachen. Lassen Sie uns loslegen und diese Methoden genauer kennenlernen.

Nehmen wir für die kommenden Methoden eine String-Variable str mit dem Wert von "Willkommen bei MUO!" als Beispiel.

let str = "Willkommen bei MUO!"

1. String.toLowerCase() und String.toUppperCase()

Das toLowerCase() string-Methode wandelt alle Zeichen des angegebenen Strings in das Kleinbuchstabenformat um toUpperCase() -Methode konvertiert alle Zeichen in das Großbuchstabenformat. Diese Funktionen ändern die ursprüngliche Zeichenfolge nicht.

Syntax:

toUpperCase()
toLowerCase()

Schauen wir uns diese beiden Methoden an einem kurzen Beispiel an:

console.log (str.toLowerCase());
console.log (str.toUpperCase());
konsole.log (str);

Wenn Sie den obigen Code auf der Konsole ausführen, erhalten Sie die folgende Ausgabe:

"Willkommen bei Muo!"
"WILLKOMMEN BEI MUO!"
"Willkommen bei MUO!"

2. String.concat()

Das concat() -Methode wird verwendet, um zwei oder mehr Zeichenfolgen miteinander zu verbinden. Sie können dieser Methode ein oder mehrere Argumente hinzufügen, um sie zu einer einzigen Zeichenfolge zu verketten. Es nimmt keine Änderung an der ursprünglichen Zeichenfolge vor.

Syntax:

concat (str1, str2, str3, ...)

Hier ist ein Beispiel, das die Verkettung zweier Strings zu einem neuen String zeigt:

let str2 = "Wie geht es dir?";
let newString = str.concat (str2);
console.log (newString);

„Willkommen bei MUO! Wie geht es Ihnen?"

3. String.indexOf() und String.lastIndexOf()

Das Index von() -Methode hilft Ihnen, den ersten Index herauszufinden, an dem das angegebene Zeichen oder die Teilzeichenfolge vorhanden ist. Es beginnt auf der linken Seite und verfolgt den String, um zu überprüfen, ob das angegebene Argument übereinstimmt.

Syntax:

indexOf (str)

Lassen Sie uns den Index herausfinden, bei dem MUO ist im String mit einem Beispiel vorhanden:

console.log (str.indexOf('MUO'));

11

Wenn das angegebene Argument nicht in der Zeichenfolge vorhanden ist, gibt die Methode den Wert -1 zurück.

console.log (str.indexOf('Hallo'));

-1

Ebenso die lastIndexOf() -Methode gibt den Index des letzten Vorkommens des angegebenen Zeichens oder Strings zurück. Hier ist ein Beispiel:

console.log (str.lastIndexOf('e'));

6

Auch wenn das Alphabet e erscheint bei Index 1, das letzte Vorkommen dieses Zeichens ist bei Index 6 und wird daher als Ausgabe zurückgegeben.

4. String.charAt()

Das charAt() string-Methode gibt das Zeichen am angegebenen Index im String zurück. Es akzeptiert nur ein Argument, den Index, an dem das Zeichen abgerufen werden soll. Der Indexwert reicht von 0 bis Länge - 1.

Syntax:

charAt (Index)

Hier ist ein Beispiel für die charAt() Methode:

console.log (str.charAt (9));
console.log (str.charAt (0));
console.log (str.charAt (str.length - 1));

Ö
W
!

Im obigen Beispiel, wenn Str.Länge- 1 als Argument übergeben wurde, gibt die Methode das letzte Zeichen des Strings zurück. Wenn Sie einen ungültigen Index eingeben, der außerhalb des zulässigen Bereichs liegt, gibt diese Methode -1 zurück.

5. String.charCodeAt()

Ähnlich der charAt-Methode ist die, charCodeAt() Methode gibt die zurück ASCII-Wert des Zeichens am angegebenen Index. Diese String-Methode benötigt nur ein Argument, den Index, aus dem das Zeichen abgerufen werden soll.

Syntax:

charCodeAt (Index)

str.charCodeAt (5);
str.charCodeAt (str.length - 1);

109
33

Auch hier reicht der Indexwert von 0 bis Länge - 1 und wenn Sie versuchen, einen Index über die zulässige Grenze hinaus zu übergeben, gibt diese Methode -1 zurück.

6. String.replace()

Wie der Name vermuten lässt, ist die ersetzen() -Methode hilft Ihnen, einen Teil der Zeichenfolge durch einen anderen Teil zu ersetzen. Diese Methode benötigt zwei Argumente: Das erste ist die zu ersetzende Teilzeichenfolge und das zweite ist die zu ersetzende Teilzeichenfolge. Diese Methode nimmt keine Änderungen an der ursprünglichen Zeichenfolge vor.

Syntax:

ersetzen (str1, str2)

Wenn Sie beispielsweise das Wort ersetzen möchten MUO mit Diese Internetseite in der String-Variablen können Sie die ersetzen() Methode wie folgt:

let newString = str.replace("MUO", "diese Website");
console.log (newString);
konsole.log (str);

Willkommen auf dieser Website!
Willkommen bei MUO!

7. String.split()

Das Teilt() -Methode wird verwendet, um alle Wörter oder Zeichen in einer Zeichenfolge gemäß dem an die Methode übergebenen Trennargument aufzuschlüsseln. Der Rückgabetyp dieser Methode ist ein Array. Dieses Array besteht aus allen Zeichen oder Teilzeichenfolgen, aufgeteilt nach dem angegebenen Trennzeichen. Diese Methode ändert die ursprüngliche Zeichenfolge nicht.

Syntax:

teilen (Trennung)

Wenn beispielsweise ein Leerzeichen (" ") als Trennargument an die Methode split übergeben wird, sieht die Ausgabe folgendermaßen aus:

let splitArray = str.split(" ");
console.log (splitArray);

['Willkommen', 'bei', 'MUO!']

Wenn Sie kein Argument an die übergeben Teilt() -Methode wird ein Array mit einem einzelnen Element zurückgegeben, das aus dem Wert Ihrer String-Variablen besteht.

let splitArray = str.split();
console.log (splitArray);

['Willkommen bei MUO!']

8. String.substring()

Das Teilzeichenfolge() -Methode wird verwendet, um eine Teilzeichenfolge oder einen Teil der ursprünglichen Zeichenfolge zu erhalten. Diese Methode benötigt zwei Parameter: den Startindex und den Endindex. Der Ausgabeteilstring beginnt am angegebenen Startindex und wird bis zum Endindex - 1 gedruckt.

Syntax:

Teilzeichenfolge (startIndex, endIndex)

Hier ist ein kurzes Beispiel für die Teilzeichenfolge() Methode:

console.log (str.substring (2,8));

"willkommen"

Beachten Sie, dass das Zeichen am Endeindex nicht Teil der Ausgabe ist.

9. String.search()

Das Suche() -Methode hilft, eine bestimmte Teilzeichenfolge oder ein bestimmtes Zeichen innerhalb der ursprünglichen Zeichenfolge zu finden. Diese Methode akzeptiert eine Gruppe von Zeichen oder eine Teilzeichenfolge als Argument und verfolgt die Zeichenfolge. Wenn eine Übereinstimmung gefunden wird, wird der Startindex des übereinstimmenden Teils zurückgegeben. Andernfalls gibt diese Methode -1 zurück.

Syntax:

Suche (Teilzeichenfolge)

Sie können die Suche() Methode auf diese Weise:

console.log (str.search("MUO"));
console.log (str.search("2"));

11
-1

10. String.trim()

Das trimmen() -Methode entfernt alle Leerzeichen in der Zeichenfolge vor dem ersten Zeichen und nach dem letzten Zeichen. Diese Methode erfordert keine Parameterübergabe und ändert die ursprüngliche Zeichenfolge nicht. Es ist äußerst hilfreich für die Validierung von Benutzereingaben in Formularen.

Syntax:

trimmen()

Nehmen wir ein neues Beispiel, um diese Zeichenfolgenmethode zu untersuchen:

let untrimmedString = " Willkommen bei MUO! ";
let trimmedString = untrimmedString.trim();
console.log (getrimmterString);
console.log (untrimmedString);

"Willkommen bei MUO!"
"Willkommen bei MUO! "

Weitere JavaScript-Methoden zum Auschecken

Dies war also eine kurze Zusammenfassung einiger gängiger String-Methoden, die Ihnen helfen können, als JavaScript-Entwickler produktiver zu sein. Diese Methoden werden Ihnen auch helfen, Ihre Codierungsinterviews für stringbezogene Fragen zu meistern. Übung macht den Meister, also probieren Sie diese Methoden in Ihrer eigenen Konsole aus.

Wenn Sie sich mit String-Methoden gründlich auskennen, lohnt es sich möglicherweise, sich einige Array-Methoden anzusehen, die Ihre Beherrschung von JavaScript weiter verbessern können.

15 JavaScript-Array-Methoden, die Sie heute beherrschen sollten

Sie möchten JavaScript-Arrays verstehen, kommen aber nicht damit zurecht? Sehen Sie sich unsere JavaScript-Array-Beispiele an, um eine Anleitung zu erhalten.

Weiter lesen

Über den Autor