Junção e Concatenação de Arrays (Vetores)

Como vimos anteriormente, os vetores em JavaScript são constituídos pelo objeto Array.

Há momentos que queremos unir um ou mais vetores. JavaScript nos possibilita fazer isso resultando duas formas diferentes.

Método Join

O vetor construído com o objeto Array de JavaScript pode ter a junção de seus elementos.

A junção consiste em criar uma string única usando separadores.

O método join() nos possibilita a junção de forma simples, precisa e correta em uma string. Por exemplo, vamos imaginar que temos um vetor que possui os dados de uma data qualquer em seus índices e que queremos mostrar a saída dessa data inteira. Há duas formas que podemos fazer isso e são complicadas.

Uma delas é criar um loop entre os dois primeiros índices e depois mostrar apenas o último índice.

<script language="JavaScript" type="text/javascript">
  var data = new Array (3);
  data[0] = 27;
  data[1] = 3;
  data[2] = 2009;
  for (i=0; i<data.length-1; i++){
    document.write (data[i] + "/");
  }
  document.write (data[2]);
</script>

A outra forma, apesar de mais simples, ainda não é a mais indicada.

<script language="JavaScript" type="text/javascript">
  var data = new Array (3);
  data[0] = 27;
  data[1] = 3;
  data[2] = 2009;
  document.write (data[0]+"/"+data[1]+"/"+data[2]);
</script>

Agora, usando o método join(), basta unir os elementos usando a barra como separador.

<script language="JavaScript" type="text/javascript">
  var data = new Array (3);
  data[0] = 27;
  data[1] = 3;
  data[2] = 2009;
  document.write (data.join("/"));
</script>

Vale lembrar que o método join não modifica o vetor original, mas é possível guardar seu resultado em uma variável. Ex.: dataCompleta = data.join("/").

Método Concat

O método concat() consiste em unir um ou mais arrays (vetores).

Este método usa como argumento um objeto do tipo array. Se desejarmos unir mais de um vetor, cada objeto array do argumento deve vir separado por vírgula (,).

<script language="JavaScript" type="text/javascript">
  var alunosAno1 = new Array ("Maria", "João", "Alexandre");
  var alunosAno2 = new Array ("Everton", "Cláudia", "Vanessa");
  var alunosAno3 = new Array ("Junior", "Edgar", "Paulo");
  var alunosAno4 = new Array ("Regina", "Bárbara", "Juliana");
  var todosAlunos = alunosAno1.concat(alunosAno2, alunosAno3, alunosAno4);
  document.write ("Esta escola tem " + todosAlunos.length + " alunos.<br>"
                     + "Que se chamam:<br>" + todosAlunos);
</script>

Aqui, o resultado obtido na variável todosAlunos é o nome contido nas quatro variáveis alunosAno.

O que resulta em:

Assim como no método join(), concat() também não altera o conteúdo original dos vetores.

Autor: Denys William Xavier
Este artigo está sob Licença Creative Commons.