Convertir array en cadena en JavaScript

  1. Utilice el método toString() para convertir un array en una cadena en JavaScript
  2. Unir los elementos del array usando el método .join() en JavaScript
  3. Utilice JSON.stringify() para convertir un array en una cadena en JavaScript
  4. Utilice la coerción de tipos para convertir un array en una cadena en JavaScript

Los arrays son las estructuras de datos más comunes y flexibles que puede usar en su vida diaria de programación. Dado que tiene toneladas de métodos de arrays a su disposición proporcionados por el lenguaje de programación JavaScript, le resulta fácil manipular las matrices y realizar las operaciones que desee realizar.

De manera similar, la conversión de un array en una cadena también se puede hacer fácilmente con la ayuda de métodos predefinidos y siguiendo otras formas. En este artículo, veremos las diferentes formas en que podemos convertir toda la estructura de datos del array (es decir, todos los elementos presentes dentro de ese array) en una sola cadena.

Utilice el método toString() para convertir un array en una cadena en JavaScript

La forma más sencilla de convertir un array en una cadena es utilizando un método predefinido en JavaScript llamado toString(). Este método no solo funciona con arrays, sino también con otros tipos de datos. Casi cualquier cosa se puede convertir en una cadena usando toString().

Puede agregar esto al final del array para usar este método, como se muestra a continuación. Tomará todos los elementos dentro de ese array y los concatenará como una sola cadena.

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

Producción:

"Google,is,no,1,search engine"

Aquí, si ve la salida, es una cadena pero separada por comas. Ahora, si desea eliminar las comas de la cadena anterior, puede usar el método replace() de la siguiente manera. El método replace() toma dos parámetros. El primer parámetro es el carácter mismo que necesita ser reemplazado (en este caso, la coma, que está representada por /,), y el segundo parámetro decide con qué reemplazar el carácter (en este caso, espacio en blanco). La / es el carácter de escape.

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

Producción:

"Google is no 1 search engine"

En este caso, queremos eliminar todas las comas de la cadena, representada por /g.

Unir los elementos del array usando el método .join() en JavaScript

Otra forma de convertir un array en una cadena es mediante el método join(). Este método tomará cada elemento del array y juntos formarán una cadena. Aquí, si usa directamente este método en un array similar a la de toString(), también generará una cadena separada por comas.

Pero aquí, no necesita usar ningún otro método como replace() porque puede pasar directamente cualquier otro separador como parámetro para separar los elementos dentro de la cadena.

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);

Producción:

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

Utilice JSON.stringify() para convertir un array en una cadena en JavaScript

El método JSON.stringify() le permite convertir cualquier objeto JavaScript o un valor en una cadena. Esto es más limpio, ya que cita cadenas dentro del array y maneja las matrices anidadas correctamente. Este método puede tomar hasta tres parámetros de la siguiente manera.

JSON.stringify(value, replacer, space)

El parámetro valor toma cualquier valor que deba convertirse en una cadena. Este parámetro es obligatorio para aprobar. El reemplazador es una función que puede pasar para reemplazar algunos de los elementos dentro de la cadena. Si desea agregar un espacio en blanco a la cadena de salida por motivos de legibilidad, puede utilizar el parámetro space. Ambos parámetros, replacer y space, son opcionales.

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

Producción:

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

En el ejemplo anterior, definitivamente queremos usar una función de reemplazo porque la salida que obtuvimos arriba no es legible. El método JSON.stringify() toma directamente elementos individuales del array y los convierte en la cadena, incluida su estructura.

Utilice la coerción de tipos para convertir un array en una cadena en JavaScript

La última forma de convertir un array en una cadena es mediante la coerción de tipos. La coerción de tipo es un proceso de conversión de un valor de un tipo a otro. Hay dos tipos de coerción en JavaScript, la coerción implícita y explícita.

La coerción implícita es cuando aplica varios operadores (+, -, ‘ ‘, / y más) a los valores de diferentes tipos, y la coerción explícita es cuando usa una función como String(), Number(), Etc. El ejemplo para ambos tipos de coerción es el que se muestra a continuación.

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

Producción:

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

str_1 es un ejemplo de coerción implícita donde solo estamos usando un operador entre dos tipos diferentes de valores (uno es un array, otro es una cadena). La salida resultante de esta operación es una cadena. El str_2 es un ejemplo de coerción explícita donde acabamos de pasar del array completa dentro de la función String() para convertir del array en una cadena.

Artículo relacionado - JavaScript Array

  • Convertir matriz a JSON en JavaScript
  • Compruebe si el array contiene valor en JavaScript
  • Artículo relacionado - JavaScript String

  • JavaScript 2D Array