Convertir une chaîne en tableau en JavaScript

1. Utilisez l’expression JSON.parse() pour convertir une chaîne en un tableau
2. Utilisez l’expression Array.from() pour convertir une chaîne en un tableau
3. Utilisez l’opérateur de propagation ... pour convertir une chaîne en un tableau

Nous allons présenter trois méthodes de conversion d’une chaîne en un tableau en JavaScript. Nous allons convertir comment convertir la chaîne en tableau numérique ainsi qu’en tableau de chaînes.

Utilisez l’expression JSON.parse() pour convertir une chaîne en un tableau

L’expression JSON.parse() est utilisée pour analyser les données reçues du serveur Web dans les objets et les tableaux. Si les données reçues se présentent sous la forme d’un objet JSON, elles seront converties en un objet JavaScript. Et, si les données sont une valeur JSON dérivée d’un tableau, JSON.parse() convertit les données en un tableau JavaScript. Nous pouvons utiliser JSON.parse() pour convertir une chaîne de nombres séparés par des virgules en un tableau. Nous pouvons concaténer les crochets avec la chaîne pour la convertir en un tableau de nombres.

Par exemple, créez une variable data et stockez une valeur 0,1,2,3 sous forme de chaîne dans la variable. Utilisez JSON.parse() sur la variable data et concaténez les crochets ouvrants et fermants avant et après la variable. Stocker l’expression dans une variable arr. Ensuite, enregistrez la variable dans la console. Aussi, notez le typeof du premier élément du tableau dans la console.

Dans l’exemple ci-dessous, nous avons converti une chaîne de nombres en un tableau de nombres. Nous pouvons connaître le type des éléments du tableau en utilisant le mot-clé typeof. La section de sortie montre que les éléments du tableau sont de type number.

Exemple de code :

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

Production:

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

Utilisez l’expression Array.from() pour convertir une chaîne en un tableau

La méthode Array.from() vous permet de créer un tableau à partir d’une chaîne d’une certaine longueur. Nous pouvons passer la chaîne qui doit être convertie dans la méthode, et la méthode la convertira en un tableau de chaînes. Cependant, cette méthode n’est pas utile si nous avons . entre les chaînes car il ajoutera également , dans le tableau de chaînes.

Par exemple, créez une variable num et stockez une valeur 1234 sous forme de chaîne dans la variable. Appelez la méthode from() avec un objet Array et fournissez la variable num comme paramètre dans la fonction. Stocker l’expression dans une variable arr. Ensuite, utilisez console.log() pour afficher la variable dans la console. Aussi, notez le typeof du premier élément du tableau dans la console.

L’exemple ci-dessous convertit une chaîne de nombres en un tableau de chaînes. Chaque caractère de la chaîne est converti en élément de chaîne du tableau. La section de sortie montre que les éléments du tableau sont de type string.

Exemple de code :

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

Production:

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

Utilisez l’opérateur de propagation ... pour convertir une chaîne en un tableau

L’opérateur d’étalement est désigné par trois points suivis d’une variable ...data. C’est une fonction ES6 largement utilisée. Cette méthode convertit une chaîne en un tableau de chaînes. Cependant, cette méthode n’est pas utile si nous avons les virgules entre les chaînes car elle ajoutera également , dans le tableau de chaînes. Nous pouvons passer la variable contenant la chaîne entre de grosses parenthèses. Et avant la variable, nous pouvons ajouter trois points. c’est-à-dire [...data].

Par exemple, stockez une valeur de 1234 sous forme de chaîne dans une variable data. Écrivez la variable data à l’intérieur des crochets et ajoutez trois points avant. Stockez cette expression dans une variable arr. Ensuite, enregistrez la variable dans la console. Utilisez également le mot-clé typeof avant le premier élément du tableau et connectez-le à la console.

Dans l’exemple, nous avons converti une chaîne de nombres en un tableau de chaînes comme dans la deuxième méthode. Mais, cette fois, nous avons utilisé l’opérateur spread. La section de sortie montre que les éléments du tableau sont de type string.

Exemple de code :

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

Production:

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