Converter Array em String em JavaScript

Sahil Bhosale 12 outubro 2023
  1. Use o método toString() para converter Array em String em JavaScript
  2. Junte os elementos do array usando o método .join() em JavaScript
  3. Use JSON.stringify() para converter Array em String em JavaScript
  4. Use Type Coercing para converter Array em String em JavaScript
Converter Array em String em JavaScript

Os arrays são as estruturas de dados mais comuns e flexíveis que você pode usar em sua vida de programação diária. Como você tem muitos métodos de array à sua disposição fornecidos pela linguagem de programação JavaScript, fica mais fácil para você manipular os arrays e realizar quaisquer operações que desejar.

Da mesma forma, converter um array em uma string também pode ser feito facilmente com a ajuda de métodos predefinidos e seguindo algumas outras maneiras. Neste artigo, veremos as diferentes maneiras pelas quais podemos converter toda a estrutura de dados do array (ou seja, todos os elementos presentes dentro desse array) em uma única string.

Use o método toString() para converter Array em String em JavaScript

A maneira mais fácil de converter um array em uma string é usando um método predefinido em JavaScript chamado toString(). Este método não funciona apenas com matrizes, mas também com vários outros tipos de dados. Quase tudo pode ser convertido em uma string usando toString().

Você pode adicionar isso no final do array para usar este método, conforme mostrado abaixo. Ele pegará todos os elementos dentro desse array e os concatenará como uma única string.

var arr = ['Google', 'is', 'no', '1', 'search engine'].toString();
console.log(arr);

Resultado:

'Google,is,no,1,search engine'

Aqui, se você vir a saída, é uma string, mas separada por vírgulas. Agora, se você deseja remover vírgulas da string acima, você pode usar o método replace() como segue. O método replace() leva dois parâmetros. O primeiro parâmetro é o próprio caractere que precisa ser substituído (neste caso, vírgula, que é representada por /,), e o segundo parâmetro decide pelo que substituir o caractere (neste caso, espaço em branco). O / é o caractere de escape.

arr.replace(/,/g, ' ')

Resultado:

'Google is no 1 search engine'

Neste caso, queremos remover todas as vírgulas da string, representadas por /g.

Junte os elementos do array usando o método .join() em JavaScript

Outra maneira de converter um array em uma string é usando o método join(). Este método pegará cada elemento do array e juntos para formar uma string. Aqui, se você usar esse método diretamente em um array semelhante ao de toString(), ele também gerará uma string separada por vírgulas.

Mas aqui, você não precisa usar nenhum outro método como replace() porque você pode passar diretamente qualquer outro separador como um parâmetro para separar os elementos dentro da string.

var arr_1 = ['Google', 'is', 'no', '1', 'search engine'].join();
var arr_2 = ['Google', 'is', 'no', '1', 'search engine'].join('-');
var arr_3 = ['Google', 'is', 'no', '1', 'search engine'].join('##space##');
console.log(arr_1);
console.log(arr_2);
console.log(arr_3);

Resultado:

'Google,is,no,1,search engine'
"Google-is-no-1-search engine"
"Google##space##is##space##no##space##1##space##search engine"

Use JSON.stringify() para converter Array em String em JavaScript

O método JSON.stringify() permite converter qualquer objeto JavaScript ou um valor em uma string. Isso é mais limpo, pois cita strings dentro do array e trata os arrays aninhados de maneira adequada. Este método pode levar até três parâmetros, conforme a seguir.

JSON.stringify(value, replacer, space)

O parâmetro value aceita qualquer valor que precise ser convertido em uma string. Este parâmetro é obrigatório para passar. O replacer é uma função que você pode passar para substituir alguns dos elementos dentro da string. Se você quiser adicionar um espaço em branco à string de saída para fins de legibilidade, você pode usar o parâmetro space. Ambos os parâmetros, replacer e space, são opcionais.

var arr = JSON.stringify(['Google', 'is', 'no', '1', 'search engine']);
console.log(arr);

Resultado:

'["Google","is","no","1","search engine"]'

No exemplo acima, definitivamente queremos usar uma função de substituição porque a saída que obtivemos acima não é legível. O método JSON.stringify() pega diretamente os elementos individuais do array e os converte na string, incluindo sua estrutura.

Use Type Coercing para converter Array em String em JavaScript

A última maneira de converter um array em uma string é usando a coerção de tipo. A coerção de tipo é um processo de conversão de um valor de um tipo para outro. Existem dois tipos de coerção em JavaScript: coerção implícita e explícita.

A coerção implícita é quando você aplica vários operadores (+, -, ’ ‘, / e mais) aos valores de diferentes tipos, e a coerção explícita é quando você usa uma função como String(), Number(), Etc. O exemplo para a coerção de tipo é mostrado abaixo.

var str_1 = ['This', 'is', 11, 'clock'] + '';
var str_2 = String(['This', 'is', 11, 'clock']);
console.log(str_1);
console.log(str_2);

Resultado:

This, is, 11, clock
This, is, 11, clock

str_1 é um exemplo de coerção implícita onde estamos apenas usando um operador entre dois tipos diferentes de valores (um é um array, o outro é uma string). A saída resultante desta operação é uma string. O 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.

Sahil Bhosale avatar Sahil Bhosale avatar

Sahil is a full-stack developer who loves to build software. He likes to share his knowledge by writing technical articles and helping clients by working with them as freelance software engineer and technical writer on Upwork.

LinkedIn

Artigo relacionado - JavaScript Array

Artigo relacionado - JavaScript String