Einführung

In diesem Artikel werden wir uns drei JavaScript-Methoden ansehen: split(), reverse() und join(). Diese Methoden sind hilfreich, um mit Zeichenfolgen zu arbeiten und Aufgaben wie das Umkehren von Text oder das Ändern der Reihenfolge von Wörtern auszuführen.

Voraussetzungen

Es sind keine Vorkenntnisse erforderlich – lediglich die Bereitschaft, in JavaScript einzutauchen und mit diesen Methoden zu experimentieren.

Die split()-Methode

Die Methode split() zerlegt einen String basierend auf einem angegebenen Trennzeichen, das als Argument übergeben wird, in ein Array. Das Trennzeichen teilt dem Programm mit, wo die Zeichenfolge „abgeschnitten“ werden soll. Wenn Sie beispielsweise einen Satz wie „Das ist ein schönes Sandwich“ haben und ihn in einzelne Wörter aufteilen möchten, können Sie ein Leerzeichen (' ') als Trennzeichen verwenden.

const string = "This is a lovely sandwich";
const splitString = string.split(" ");

Wenn Sie ein Leerzeichen ('') als Argument angeben, sucht der Code nach diesem Leerzeichen in der Zeichenfolge und „teilt“ die Zeichenfolge bei jedem Vorkommen auf. Dadurch wird ein Array erstellt, in dem jedes Wort zu einem einzelnen Element wird.

Das Ergebnis des obigen Codes ist:

Array(5) [ "This", "is", "a", "lovely", "sandwich" ]

Ganz ordentlich, oder?

Sie können jedes beliebige Trennzeichen verwenden. Wenn Sie beispielsweise eine Zeichenfolge mit Bindestrich wie „Hallo, wie geht es dir?“ haben. und Sie es durch Bindestriche aufteilen möchten, verwenden Sie einfach „-“ als Trennzeichen:

const hyphen = "hi-there-how-are-you-doing!";
const splitHyphen = hyphen.split("-");

Dies ergibt:

Array(6) [ "hi", "there", "how", "are", "you", "doing!" ]

Diese Methode eröffnet viele Möglichkeiten zur Manipulation von Zeichenfolgen. Aber jetzt denken Sie vielleicht: Okay, das ist großartig, aber ich habe mit einem String angefangen und jetzt habe ich ein Array. Wie bekomme ich meine Saite zurück?

Lassen Sie uns mit der nächsten Methode fortfahren.

Die join()-Methode

Die Methode join() kann für ein Array verwendet werden, um es wieder in einen String umzuwandeln. Genau wie split() akzeptiert die Methode join() ein Argument, das angibt, wie die Array-Elemente verbunden werden. Der Unterschied besteht darin, dass „join()“ das Argument verwendet, um die Array-Elemente wieder zu einem einzigen String zusammenzufassen, anstatt einen String zu unterbrechen.

Wenn Sie beispielsweise das Array „splitHyphen“ von früher verwenden, können Sie es wieder zu einer Zeichenfolge zusammenfügen, indem Sie ein Leerzeichen als Argument angeben:

const joinedString = splitHyphen.join(" ");

Dies ergibt:

"hi there how are you doing!"

Es ist wie Magie! Jetzt wird Ihr Array wieder in eine Zeichenfolge umgewandelt, mit Leerzeichen zwischen den einzelnen Wörtern.

Die Methode reverse()

Die Methode reverse() ändert die Reihenfolge der Elemente in einem Array in das Gegenteil ihrer ursprünglichen Reihenfolge. Diese Methode wird ohne Argumente direkt im Array aufgerufen und kehrt einfach die Reihenfolge der Elemente um.

Wenn Sie beispielsweise die Elemente im splitHyphen-Array umkehren möchten, können Sie Folgendes tun:

const reversedArray = splitHyphen.reverse();

Das Ergebnis ist:

[ "doing!", "you", "are", "how", "there", "hi" ]

Sie können join() sogar noch einmal verwenden, um dieses umgekehrte Array wieder in einen String umzuwandeln:

const reversedString = reversedArray.join(" ");

Das ergibt:

"doing! you are how there hi"

Ziemlich cool, oder?

Abschluss

In diesem Artikel haben wir drei wesentliche Methoden in JavaScript untersucht: split(), reverse() und join(). Wir haben untersucht, wie sie zusammenarbeiten, um Zeichenfolgen und Arrays zu manipulieren und sie auf flexible Weise umzuwandeln. Ich hoffe, das hilft Ihnen auf Ihrer JavaScript-Reise und inspiriert Sie zu weiteren Experimenten!

Danke fürs Lesen! Wenn Sie Fragen haben oder Ihre Gedanken zur JavaScript-String-Manipulation mitteilen möchten, können Sie mich gerne auf Twitter unter @km_fsdev kontaktieren.