De array a string
Un array es una sucesion de elementos ordenadas por un índice. El método join( [separador] ) cambia esto y convierte el array en una cadena de valores separadas por comas ( , ) o por el valor que se le pase en el argumento opcional.
Por supuesto tamibén posee el método hereddo de Objet toString() que convierte el array en una cadena concatenando los items separado por comas.
Un método básico para imprimir el contenido de un array y mostrarlo como una frase o allí donde solo se pueda usar texto.
var frutas =['peras', 'manzanas', 'toronjas'];
var cadena = "Las "+frutas.join()+ " y otras son sanas";
console.log(cadena) ;
Se puede usar cualquier cadena coomo separador, en este ejemplo las comas quedan pegadas a las palabras y eso no está correcto. Lo solucionamos con un separador distinto:
var frutas =['peras', 'manzanas', 'toronjas'];
var cadena = "Las "+frutas.join(", ")+ " y otras son sanas";
console.log(cadena) ;
Ahora queda mejor. Usamos una coma seguida de un espacio
Los elementos nulos o no definidos se traducen como un caracter vacío, pero ocupan una posición en la cadena resultante. Observa:
var tabla =[1,2, ,4,5];
var cadena = "Calcula "+tabla.join("+") ;
console.log(cadena) ;
Entre el 2 y el 4 no hay ningún valor, es una posición vacía y ocupa un sitio en la cadena de salida.
Si en el array existen cadenas anidadas se les aplica el método toString del objeto concreto, en el caso del array los elementos separados por coma.
var dias =[ 'Lunes', 'Miercoles', 'Jueves', ['sábado','Domingo'] ];
var cadena = "Calcula "+dias.join(" - ") ;
console.log(cadena) ;
La cadena tiene los elementos separados por guiones, pero el array del cuarto elemento aparace con el separador por defecto, la coma.