Convertir cadena en matriz en JavaScript

1. Utilice la expresión JSON.parse() para convertir una cadena en un array
2. Utilice la expresión Array.from() para convertir una cadena en un array
3. Utilice el operador de propagación ... para convertir una cadena en un array

Introduciremos tres métodos para convertir una cadena en un array en JavaScript. Convertiremos cómo convertir la cadena en un array numérica, así como en un array de cadenas.

Utilice la expresión JSON.parse() para convertir una cadena en un array

La expresión JSON.parse() se utiliza para analizar los datos recibidos del servidor web en los objetos y matrices. Si los datos recibidos tienen la forma de un objeto JSON, los convertirá en un objeto JavaScript. Y, si los datos son un valor JSON derivado de un array, JSON.parse() convierte los datos en un array JavaScript. Podemos usar JSON.parse() para convertir una cadena de números separados por comas en un array. Podemos concatenar los corchetes con la cadena para convertirla en un array de números.

Por ejemplo, cree una variable data y almacene un valor 0,1,2,3 como una cadena en la variable. Utilice JSON.parse() en la variable data y concatenar los corchetes de apertura y cierre antes y después de la variable. Almacene la expresión en una variable arr. Luego, registre la variable en la consola. Además, registre el typeof el primer elemento del array en la consola.

En el siguiente ejemplo, convertimos una cadena de números en un array de números. Podemos conocer el tipo de elementos del array utilizando la palabra clave typeof. La sección de salida muestra que los elementos del array son del tipo number.

Código de ejemplo:

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

Producción :

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

Utilice la expresión Array.from() para convertir una cadena en un array

El método Array.from() le permite crear un array a partir de una cadena de cierta longitud. Podemos pasar la cadena que necesita ser convertida al método, y el método la convertirá en un array de cadenas. Sin embargo, este método no es útil si tenemos . entre cadenas, ya que también agregará , a el array de cadenas.

Por ejemplo, cree una variable num y almacene un valor 1234 como una cadena en la variable. Llame al método from() con un objeto Array y proporcione la variable num como parámetro en la función. Almacene la expresión en una variable arr. Luego, use console.log() para mostrar la variable en la consola. Además, registre el typeof del primer elemento del array en la consola.

El siguiente ejemplo convierte una cadena de números en un array de cadenas. Cada carácter de la cadena se convierte como un elemento de cadena del array. La sección de salida muestra que los elementos del array son del tipo string.

Código de ejemplo:

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

Producción :

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

Utilice el operador de propagación ... para convertir una cadena en un array

El operador de dispersión se indica con tres puntos seguidos de una variable ...data. Es una función ES6 ampliamente utilizada. Este método convierte una cadena en un array de cadenas. Sin embargo, este método no es útil si tenemos las comas entre las cadenas, ya que también agregará , a el array de cadenas. Podemos pasar la variable que contiene la cadena entre corchetes grandes. Y antes de la variable, podemos agregar tres puntos. es decir, ...data.

Por ejemplo, almacene un valor de 1234 como una cadena en una variable data. Escriba la variable data dentro de los corchetes y agregue tres puntos antes. Almacene esta expresión en una variable arr. Luego, registre la variable en la consola. Además, use la palabra clave typeof antes del primer elemento del array e inicie sesión en la consola.

En el ejemplo, convertimos una cadena de números en un array de cadenas como en el segundo método. Pero, esta vez, usamos el operador de propagación. La sección de salida muestra que los elementos del array son del tipo string.

Código de ejemplo:

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

Producción :

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