Konvertieren ein Array in einen String in JavaScript

Sahil Bhosale 12 Oktober 2023
  1. Verwenden Sie die Methode toString(), um ein Array in einen String in JavaScript umzuwandeln
  2. Verbinden Sie die Elemente des Arrays mit der Methode .join() in JavaScript
  3. Verwenden Sie JSON.stringify(), um ein Array in einen String in JavaScript umzuwandeln
  4. Verwenden Sie die Typumwandlung, um ein Array in einen String in JavaScript umzuwandeln
Konvertieren ein Array in einen String in JavaScript

Die Arrays sind die gebräuchlichsten und flexibelsten Datenstrukturen, die Sie in Ihrem täglichen Programmierleben verwenden können. Da Ihnen jede Menge Array-Methoden in der Programmiersprache JavaScript zur Verfügung stehen, können Sie die Arrays leicht manipulieren und beliebige Operationen ausführen.

Ebenso kann das Konvertieren eines Arrays in einen String mit Hilfe vordefinierter Methoden und auf andere Weise leicht durchgeführt werden. In diesem Artikel werden wir die verschiedenen Möglichkeiten sehen, wie wir die gesamte Array-Datenstruktur (d. h. alle Elemente, die in diesem Array vorhanden sind) in einen einzigen String konvertieren können.

Verwenden Sie die Methode toString(), um ein Array in einen String in JavaScript umzuwandeln

Der einfachste Weg, ein Array in einen String umzuwandeln, ist die Verwendung einer vordefinierten Methode in JavaScript namens toString(). Diese Methode funktioniert nicht nur mit Arrays, sondern auch mit verschiedenen anderen Datentypen. Mit toString() lässt sich fast alles in einen String umwandeln.

Sie können dies am Ende des Arrays hinzufügen, um diese Methode zu verwenden, wie unten gezeigt. Es nimmt alle Elemente innerhalb dieses Arrays und verkettet sie als einen einzigen String.

var arr = ['Google', 'is', 'no', '1', 'search engine'].toString();
console.log(arr);

Ausgabe:

"Google,is,no,1,search engine"

Wenn Sie hier die Ausgabe sehen, handelt es sich um eine Zeichenkette, die jedoch durch Kommas getrennt ist. Wenn Sie nun Kommas aus der obigen Zeichenkette entfernen möchten, können Sie die Methode replace() wie folgt verwenden. Die Methode replace() benötigt zwei Parameter. Der erste Parameter ist das Zeichen selbst, das ersetzt werden muss (in diesem Fall das Komma, das durch /, dargestellt wird), und der zweite Parameter entscheidet, durch was das Zeichen ersetzt werden soll (in diesem Fall ein Leerzeichen). Das / ist das Escape-Zeichen.

arr.replace(/,/g, ' ')

Ausgabe:

"Google is no 1 search engine"

In diesem Fall möchten wir alle Kommas aus der Zeichenkette entfernen, die durch /g dargestellt wird.

Verbinden Sie die Elemente des Arrays mit der Methode .join() in JavaScript

Eine andere Möglichkeit, ein Array in einen String umzuwandeln, ist die Methode join(). Diese Methode nimmt jedes Element aus dem Array und bildet zusammen einen String. Wenn Sie diese Methode hier direkt auf ein Array ähnlich dem von toString() anwenden, wird auch ein durch Kommas getrennter String generiert.

Aber hier müssen Sie keine anderen Methoden wie replace() verwenden, da Sie beliebige andere Trennzeichen direkt als Parameter übergeben können, um die Elemente innerhalb des Strings zu trennen.

var arr_1 = ['Google', 'is', 'no', '1', 'search engine'].join();
var arr_2 = ['Google', 'is', 'no', '1', 'search engine'].join('-');
var arr_3 = ['Google', 'is', 'no', '1', 'search engine'].join('##space##');
console.log(arr_1);
console.log(arr_2);
console.log(arr_3);

Ausgabe:

"Google,is,no,1,search engine"
"Google-is-no-1-search engine"
"Google##space##is##space##no##space##1##space##search engine"

Verwenden Sie JSON.stringify(), um ein Array in einen String in JavaScript umzuwandeln

Mit der Methode JSON.stringify() können Sie ein beliebiges JavaScript-Objekt oder einen Wert in einen String umwandeln. Dies ist sauberer, da es Strings innerhalb des Arrays in Anführungszeichen setzt und verschachtelte Arrays richtig behandelt. Diese Methode kann bis zu drei Parameter wie folgt annehmen.

JSON.stringify(value, replacer, space)

Der Parameter value nimmt jeden Wert an, der in einen String umgewandelt werden muss. Dieser Parameter muss zwingend übergeben werden. Der replacer ist eine Funktion, die Sie übergeben können, um einige der Elemente innerhalb der Zeichenkette zu ersetzen. Wenn Sie dem Ausgabestring aus Gründen der Lesbarkeit Leerzeichen hinzufügen möchten, können Sie den Parameter space verwenden. Beide Parameter, replacer und space, sind optional.

var arr = JSON.stringify(['Google', 'is', 'no', '1', 'search engine']);
console.log(arr);

Ausgabe:

"[\"Google\",\"is\",\"no\",\"1\",\"search engine\"]"

Im obigen Beispiel möchten wir definitiv eine Ersetzungsfunktion verwenden, da die Ausgabe, die wir oben erhalten haben, nicht lesbar ist. Die Methode JSON.stringify() übernimmt direkt einzelne Elemente des Arrays und wandelt sie in den String inklusive dessen Struktur um.

Verwenden Sie die Typumwandlung, um ein Array in einen String in JavaScript umzuwandeln

Die letzte Möglichkeit, ein Array in einen String umzuwandeln, ist die Typumwandlung. Die Typumwandlung ist ein Prozess, bei dem ein Wert von einem Typ in einen anderen umgewandelt wird. Es gibt zwei Arten von Zwang in JavaScript, den impliziten und den expliziten Zwang.

Der implizite Zwang ist, wenn Sie verschiedene Operatoren (+, -, ’ ‘, / und mehr) auf die Werte verschiedener Typen anwenden, und der explizite Zwang ist, wenn Sie eine Funktion wie String(), Number() usw. Das Beispiel für beide Typen von Zwang ist wie unten gezeigt.

var str_1 = ['This', 'is', 11, 'clock'] + '';
var str_2 = String(['This', 'is', 11, 'clock']);
console.log(str_1);
console.log(str_2);

Ausgabe:

This,is,11,clock
This,is,11,clock

str_1 ist ein Beispiel für impliziten Zwang, bei dem wir nur einen Operator zwischen zwei verschiedenen Arten von Werten verwenden (einer ist ein Array, ein anderer ein String). Die resultierende Ausgabe dieser Operation ist eine Zeichenkette. str_2 ist ein Beispiel für expliziten Zwang, bei dem wir gerade das gesamte Array innerhalb der String()-Funktion übergeben haben, um das Array in einen String umzuwandeln.

Sahil Bhosale avatar Sahil Bhosale avatar

Sahil is a full-stack developer who loves to build software. He likes to share his knowledge by writing technical articles and helping clients by working with them as freelance software engineer and technical writer on Upwork.

LinkedIn

Verwandter Artikel - JavaScript Array

Verwandter Artikel - JavaScript String