Converter String em Array em JavaScript

1. Use a expressão JSON.parse() para converter uma string em um array
2. Use a expressão Array.from() para converter uma string em um array
3. Use o operador ... Spread para converter uma string em um array

Apresentaremos três métodos de conversão de uma string em um array em JavaScript. Vamos converter como converter a string em um array numérica, bem como em um array de strings.

Use a expressão JSON.parse() para converter uma string em um array

A expressão JSON.parse() é usada para analisar os dados recebidos do servidor da web nos objetos e matrizes. Se os dados recebidos estiverem na forma de um objeto JSON, ele os converterá em um objeto JavaScript. E, se os dados são um valor JSON derivado de um array, JSON.parse() converte os dados em um array JavaScript. Podemos usar JSON.parse() para converter uma string de números separados por vírgulas em um array. Podemos concatenar os colchetes com a string para convertê-la em um array de números.

Por exemplo, crie uma variável data e armazene um valor 0,1,2,3 como uma string na variável. Use JSON.parse() na variável data e concatene os colchetes de abertura e fechamento antes e depois da variável. Armazene a expressão em uma variável arr. Em seguida, registre a variável no console. Além disso, registre o typeof do primeiro elemento do array no console.

No exemplo abaixo, convertemos uma sequência de números em um array de números. Podemos saber o tipo dos itens do array usando a palavra-chave typeof. A seção de saída mostra que os elementos do array são do tipo number.

Código de exemplo:

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

Resultado:

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

Use a expressão Array.from() para converter uma string em um array

O método Array.from() permite criar um array a partir de uma string de determinado comprimento. Podemos passar a string que precisa ser convertida no método, e o método irá convertê-la em um array de strings. No entanto, este método não é útil se tivermos . entre as strings, pois também adicionará , ao array de strings.

Por exemplo, crie uma variável num e armazene um valor 1234 como uma string na variável. Chame o método from() com um objeto Array e forneça a variável num como o parâmetro na função. Armazene a expressão em uma variável arr. Em seguida, use console.log() para exibir a variável no console. Além disso, registre o typeof o primeiro elemento do array no console.

O exemplo abaixo converte uma string de números em um array de strings. Cada caractere da string é convertido como um elemento de string do array. A seção de saída mostra que os elementos do array são do tipo string.

Código de exemplo:

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

Resultado:

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

Use o operador ... Spread para converter uma string em um array

O operador de propagação é denotado por três pontos seguidos por uma variável ...data. É uma função ES6 amplamente utilizada. Este método converte uma string em um array de strings. No entanto, este método não é útil se tivermos as vírgulas entre as strings, pois também adicionará , ao array de strings. Podemos passar a variável que contém a string entre colchetes grandes. E antes da variável, podemos adicionar três pontos. ou seja, ...data.

Por exemplo, armazene um valor de 1234 como uma string em uma variável data. Escreva a variável data dentro dos colchetes e adicione três pontos antes dela. Armazene esta expressão em uma variável arr. Em seguida, registre a variável no console. Além disso, use a palavra-chave typeof antes do primeiro elemento do array e faça o login no console.

No exemplo, convertemos uma string de números em um array de strings como no segundo método. Mas, desta vez, usamos o operador spread. A seção de saída mostra que os elementos do array são do tipo string.

Código de exemplo:

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

Resultado:

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