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 mit Strings auszuführen, ohne den Code manuell schreiben zu müssen. Sie werden mit der an die String-Variablen angehängten Punktnotation ausgeführt.

Verwandt: Was ist eine Funktion in der Programmierung?

Hat dieses Handy eine Taschenlampe?

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 P mit dem Wert von ' Willkommen bei MUO! ' als Beispiel.

---

---

let str = 'Welcome to MUO!'

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

Die 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());
console.log(str);

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

'welcome to muo!'
'WELCOME TO MUO!'
'Welcome to MUO!'

2. String.concat()

Die 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 = ' How are you?';
let newString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'

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

Die 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('Hello')); -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 Und erscheint bei Index 1, das letzte Vorkommen dieses Zeichens ist bei Index 6 und wird daher als Ausgabe zurückgegeben.

4. String.charAt()

Die 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)); o
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 wie bei der charAt-Methode, das 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:

replace(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', 'this website');
console.log(newString);
console.log(str); Welcome to this website!
Welcome to MUO!

7. String.split()

Die 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:

split(separator)

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); ['Welcome', 'to', 'MUO!']

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

let splitArray = str.split();
console.log(splitArray); ['Welcome to MUO!']

8. String.substring()

Die 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:

substring(startIndex, endIndex)

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

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

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

9. String.search ()

Die 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:

search(substring)

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

console.log(str.search('MUO'));
console.log(str.search('2')); 11
-1

10. String.trim()

Die 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:

trim()

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

ps4 öffnen und reinigen

let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString); 'Welcome to MUO!'
' Welcome to 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, einen Blick auf einige Array-Methoden zu werfen, die Ihre Beherrschung von JavaScript weiter verbessern können.

Teilen Teilen Tweet Email 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 Verwandte Themen

• Programmierung
• JavaScript
• Codierungstipps

Über den Autor Nitin Ranganath(31 veröffentlichte Artikel)

Nitin ist ein begeisterter Softwareentwickler und Student der Computertechnik, der Webanwendungen mit JavaScript-Technologien entwickelt. Er arbeitet als freiberuflicher Webentwickler und schreibt in seiner Freizeit gerne für Linux und Programmierung.

Mehr von Nitin Ranganath

Abonniere unseren Newsletter

Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!

Klicken Sie hier, um zu abonnieren