Konvertieren Sie einen String in ein Array in JavaScript

1. Verwenden Sie den Ausdruck JSON.parse(), um einen String in ein Array umzuwandeln
2. Verwenden Sie den Ausdruck Array.from(), um einen String in ein Array umzuwandeln
3. Verwenden Sie den Spread-Operator ..., um einen String in ein Array umzuwandeln

Wir werden drei Methoden zum Konvertieren einer Zeichenkette in ein Array in JavaScript vorstellen. Wir werden umwandeln, wie der String in das numerische Array sowie in ein Array von Strings konvertiert wird.

Verwenden Sie den Ausdruck JSON.parse(), um einen String in ein Array umzuwandeln

Der Ausdruck JSON.parse() wird verwendet, um die vom Webserver empfangenen Daten in die Objekte und Arrays zu parsen. Wenn die empfangenen Daten in Form eines JSON-Objekts vorliegen, werden sie in ein JavaScript-Objekt umgewandelt. Und wenn die Daten ein aus einem Array abgeleiteter JSON-Wert sind, wandelt JSON.parse() die Daten in ein JavaScript-Array um. Wir können JSON.parse() verwenden, um eine durch Kommas getrennte Zahlenfolge in ein Array umzuwandeln. Wir können die Klammern mit der Zeichenkette verketten, um sie in ein Array von Zahlen umzuwandeln.

Erstellen Sie beispielsweise eine Variable data und speichern Sie einen Wert 0,1,2,3 als String in der Variablen. Verwenden Sie JSON.parse() auf die Variable data und verketten Sie die öffnenden und schließenden Klammern vor und nach der Variablen. Speichern Sie den Ausdruck in einer Variablen arr. Protokollieren Sie dann die Variable in der Konsole. Protokollieren Sie auch den typeof des ersten Elements des Arrays in der Konsole.

Im folgenden Beispiel haben wir eine Zahlenfolge in ein Zahlenarray umgewandelt. Wir können den Typ der Array-Elemente mit dem Schlüsselwort typeof ermitteln. Der Ausgabeabschnitt zeigt, dass die Array-Elemente vom Typ Zahl sind.

Beispielcode:

var data = '0,1,2,3';
var arr = JSON.parse('[' + data + ']');
console.log(arr)
console.log(typeof arr[0])

Ausgabe:

(4) [0, 1, 2, 3]
number

Verwenden Sie den Ausdruck Array.from(), um einen String in ein Array umzuwandeln

Mit der Methode Array.from() können Sie aus einem String einer bestimmten Länge ein Array erstellen. Wir können den zu konvertierenden String an die Methode übergeben, und die Methode konvertiert ihn in ein Array von Strings. Diese Methode ist jedoch nicht hilfreich, wenn wir . haben. zwischen Strings, da es auch , in das Array von Strings einfügt.

Erstellen Sie beispielsweise eine Variable num und speichern Sie einen Wert 1234 als String in der Variablen. Rufen Sie die Methode from() mit einem Objekt Array auf und übergeben Sie als Parameter in der Funktion die Variable num. Speichern Sie den Ausdruck in einer Variablen arr. Verwenden Sie dann console.log(), um die Variable in der Konsole anzuzeigen. Protokollieren Sie auch den typeof des ersten Elements des Arrays in der Konsole.

Das folgende Beispiel wandelt eine Zahlenfolge in ein Array von Zeichenketten um. Jedes Zeichen der Zeichenkette wird als Zeichenkettenelement des Arrays umgewandelt. Der Ausgabeabschnitt zeigt, dass die Array-Elemente vom Typ string sind.

Beispielcode:

var num = '1234';
var arr = Array.from(data);
console.log(arr)
console.log(typeof arr[0])

Ausgabe:

(4) ["1", "2", "3", "4"]
string

Verwenden Sie den Spread-Operator ..., um einen String in ein Array umzuwandeln

Der Spread-Operator wird durch drei Punkte gekennzeichnet, gefolgt von einer Variablen ...data. Es ist eine weit verbreitete ES6-Funktion. Diese Methode wandelt einen String in ein Array von Strings um. Diese Methode ist jedoch nicht nützlich, wenn wir die Kommas zwischen den Strings haben, da sie auch , in das Array von Strings einfügen. Wir können die Variable, die den String enthält, in großen Klammern übergeben. Und vor der Variablen können wir drei Punkte hinzufügen. d.h. [...data].

Speichern Sie beispielsweise den Wert 1234 als String in einer Variablen data. Schreiben Sie die Variable data in die Klammern und fügen Sie drei Punkte davor hinzu. Speichern Sie diesen Ausdruck in einer Variablen arr. Protokollieren Sie dann die Variable in der Konsole. Verwenden Sie außerdem das Schlüsselwort typeof vor dem ersten Element des Arrays und melden Sie es in der Konsole an.

Im Beispiel haben wir wie bei der zweiten Methode eine Zahlenfolge in ein Array von Zeichenketten umgewandelt. Aber diesmal haben wir den Spread-Operator verwendet. Der Ausgabeabschnitt zeigt, dass die Array-Elemente vom Typ string sind.

Beispielcode:

var data = '1234';
var arr = [...data];
console.log(arr)
console.log(typeof arr[0])

Ausgabe:

(4) ["1", "2", "3", "4"]
string