4 Formas Incríveis De Converter Array Para String Em JavaScript

No artigo vamos aprender a converter array para string utilizando a linguagem JavaScript através de um passo a passo completo e simples de aplicar.

Caso você não saiba, array é a estrutura de dados mais comuns e flexíveis e que com certeza você vai utilizar muito em sua jornada como programador.

Além disso, dentro da linguagem JavaScript existem diversos métodos que vão te ajudar a manipular esse tipo de estrutura de dados.

Para te ajudar, vamos te mostrar neste tutorial JavaScript , diversas maneiras de fazer a conversão de array para string que vão te ajudar no seu dia a dia.

Portanto leia esse artigo até o final para entender como cada maneira funciona, beleza?

Método toString()

Primeiramente vamos conhecer a maneira mais fácil de converter um array em uma string que é utilizando o método do JavaScript chamado toString().

Um ponto importante aqui é que esse método não funciona apenas com matrizes, mas também com diversos outros tipos de dados.

A grosso modo, quase tudo dentro do JavaScript pode ser convertido em string utilizando o método toString().

Por exemplo, podemos adicionar isso no final do array para utilizar o método conforme apresentado abaixo:

var arr = ['Programador', 'Viking'].toString();
console.log(arr);

Ao executar o código acima o resultado será:

'Programador,Viking'

Repare que a saída do código é uma string, porém ela está separada por vírgula. Mas como podemos remover essa virgula da string?

Bem simples, podemos usar o método replace(). Para utilizá-lo precisamos informar dois parâmetro para ele.

• 1º parâmetro: Caracter que será substituído (Neste exemplo será a virgula)
• 2º parâmetro: Caracter que irá substituir. (Neste exemplo será o espaço)

Veja também: Vale a pena investir no curso de JavaScript do OneBitCode?

Veja o exemplo abaixo:

arr.replace(',', ' ');

O resultado será

'Programador Viking'

Bem simples né? Agora vamos conhecer uma outra forma de converter array para string usando JavaScript.

Método .join()

Uma outra forma bem interessante de fazer a conversão de array para string é utilizando o método join(). Esse método basicamente irá pegar cada elemento do array juntando eles em uma string.

Ou seja, você pode usar esse método diretamente em um array de uma forma parecida com o método toString() que vimos anteriormente. Além disso, ele também irá gerar uma string separada por vírgulas.

Porém, neste caso não precisamos utilizar nenhum outro método como o replace() que usamos no primeiro exemplo. Isso porque no método join() você pode informar diretamente qual será o separador.

Por exemplo:

var arr_1 = ['Programador', 'Viking'].join();
var arr_2 = ['Programador', 'Viking'].join("-");
var arr_3 = ['Programador', 'Viking'].join(" ");

console.log(arr_1);
console.log(arr_2);
console.log(arr_3);

Executando o código acima o resultado será:

"Programador,Viking"
"Programador-Viking"
"Programador Viking"

Método JSON.stringify()

Outra forma de converter array para string na linguagem JavaScript é através do método JSON.stringfy() que permite converter qualquer objeto JavaScript ou valor em uma string.

Para utilizar esse método você pode utilizar até três parâmetros conforme apresentado abaixo:

JSON.stringify(value, replacer, space)

O parâmetro value pode receber qualquer valor que precise ser convertido em string. Basicamente é o parâmetro obrigatório que devemos passar.

Veja também: Vale a pena investir no curso de JavaScript do OneBitCode?

O replacer é uma função que podemos passar para substituir alguns dos elementos dentro da string. Caso precise adicionar um espaço em branco podemos usar também o parâmetro space.

Ou seja, os parâmetros replacer e space são opcionais neste caso.

Exemplo:

var arr = JSON.stringify(['Programador', 'Viking']);

console.log(arr);

O resultado do script acima será:

'["Programador","Viking"]'

Neste caso precisamos usar uma função de substituição por conta da saída que foi gerada. Porém o procedimento é semelhante ao que mostramos nos exemplos anteriores.

Type Coercing

Por fim, temos uma última forma de converter um array em uma string no JavaScript que é usando a coerção de tipos. Mas o que seria isso?

A coerção de tipo é basicamente um processo de conversão de um valor de um tipo para outro. Existem dois tipos de coerção no JavaScript:

• Implícita:

Quando aplicamos vários operadores ( +, -, ‘ ‘, / e mais) aos valores de diferentes tipos.

• Explícita:

Quando usamos uma função como String(), Number(), etc.

Logo abaixo temos um exemplo de coerção de tipo em JavaScript:

var str_1 = ['Eu', 'tenho', 18, 'anos'] + '';
var str_2 = String(['Eu', 'tenho', 18, 'anos']);

console.log(str_1);
console.log(str_2);

O resultado do script acima será:

'Eu,tenho,18,anos'
'Eu,tenho,18,anos'

• str_1 é um exemplo de coerção implícita, pois estamos apenas utilizando um operador entre dois tipos diferentes de valores (um é um array, o outro é uma string). A saída resultante desta operação é uma string.
• str_2 é um exemplo de coerção explícita onde acabamos de passar o array inteiro dentro da função String() para converter o array em uma string.

Bem legal né?

Conclusão: Converter Array Para String

Em conclusão, vimos 4 formas incríveis de converter array para string utilizando a linguagem de programação JavaScript.

Clique no botão abaixo para acessar mais de 1400 cursos completos e com certificado válido.

ACESSAR CURSOS COM CERTIFICADO

Invista em você e conquiste uma excelente carreira profissional na área da tecnologia.

Enfim, espero que tenha gostado deste conteúdo pois preparamos ele para realmente te ajudar em seus estudos sobre desenvolvimento de software.

Eu vou ficando por aqui…

Até a próxima e um forte abraço!

Tags: array to string | javascript | tutorial javascript