Converti stringa in array in JavaScript

1. Usa l’espressione JSON.parse() per convertire una stringa in un array
2. Usa l’espressione Array.from() per convertire una stringa in un array
3. Usa l’operatore di diffusione ... per convertire una stringa in un array

Introdurremo tre metodi per convertire una stringa in un array in JavaScript. Convertiremo come convertire la stringa nell’array numerico e anche in un array di stringhe.

Usa l’espressione JSON.parse() per convertire una stringa in un array

L’espressione JSON.parse() viene utilizzata per analizzare i dati ricevuti dal server Web negli oggetti e negli array. Se i dati ricevuti hanno la forma di un oggetto JSON, lo convertiranno in un oggetto JavaScript. E, se i dati sono un valore JSON derivato da un array, JSON.parse() converte i dati in un array JavaScript. Possiamo usare JSON.parse() per convertire una stringa di numeri separati da virgole in un array. Possiamo concatenare le parentesi con la stringa per convertirla in un array di numeri.

Ad esempio, creare una variabile data e memorizzare un valore 0,1,2,3 come stringa nella variabile. Usa JSON.parse() sulla variabile data e concatena le parentesi di apertura e chiusura prima e dopo la variabile. Memorizzare l’espressione in una variabile arr. Quindi, registra la variabile nella console. Inoltre, registra il typeof il primo elemento dell’array nella console.

Nell’esempio seguente, abbiamo convertito una stringa di numeri in una matrice di numeri. Possiamo conoscere il tipo degli elementi dell’array usando la parola chiave typeof. La sezione output mostra che gli elementi dell’array sono del tipo number.

Codice di esempio:

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

Produzione:

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

Usa l’espressione Array.from() per convertire una stringa in un array

Il metodo Array.from() consente di creare un array da una stringa di una certa lunghezza. Possiamo passare la stringa che deve essere convertita nel metodo e il metodo la convertirà in un array di stringhe. Tuttavia, questo metodo non è utile se abbiamo . tra le stringhe poiché aggiungerà anche , all’array di stringhe.

Ad esempio, creare una variabile num e memorizzare un valore 1234 come stringa nella variabile. Chiama il metodo from() con un oggetto Array e fornisci la variabile num come parametro nella funzione. Memorizzare l’espressione in una variabile arr. Quindi, usa console.log() per visualizzare la variabile nella console. Inoltre, registra il typeof il primo elemento dell’array nella console.

L’esempio seguente converte una stringa di numeri in un array di stringhe. Ogni carattere della stringa viene convertito come elemento stringa dell’array. La sezione output mostra che gli elementi dell’array sono del tipo stringa.

Codice di esempio:

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

Produzione:

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

Usa l’operatore di diffusione ... per convertire una stringa in un array

L’operatore spread è indicato da tre punti seguiti da una variabile ...data. È una funzione ES6 ampiamente utilizzata. Questo metodo converte una stringa in un array di stringhe. Tuttavia, questo metodo non è utile se abbiamo le virgole tra le stringhe poiché aggiungerà anche , all’array di stringhe. Possiamo passare la variabile contenente la stringa tra parentesi grandi. E prima della variabile, possiamo aggiungere tre punti. cioè [...dati].

Ad esempio, memorizzare un valore di 1234 come stringa in una variabile data. Scrivi la variabile data all’interno delle parentesi e aggiungi tre punti prima di essa. Memorizza questa espressione in una variabile arr. Quindi, registra la variabile nella console. Inoltre, usa la parola chiave typeof prima del primo elemento dell’array e accedi alla console.

Nell’esempio, abbiamo convertito una stringa di numeri in un array di stringhe come nel secondo metodo. Ma, questa volta, abbiamo usato l’operatore di diffusione. La sezione output mostra che gli elementi dell’array sono del tipo string.

Codice di esempio:

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

Produzione:

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