Método concat: juntando duas listas

Descubra como combinar dois ou mais arrays em um novo array.

O método concat() é usado para unir arrays de forma simples e organizada.

Pense em duas filas de pessoas:

  • fila A
  • fila B

Com concat, você cria uma fila nova com as duas juntas, sem bagunçar as filas originais.

Para que serve o concat?

Serve para combinar:

  • duas listas;
  • três ou mais listas;
  • lista + item extra.

Tudo isso gerando um novo array.

Sintaxe básica

const novoArray = array1.concat(array2);

Exemplo 1: juntando duas listas

const frontEnd = ["HTML", "CSS"];
const backEnd = ["Node.js", "Banco de Dados"];

const trilhaCompleta = frontEnd.concat(backEnd);

console.log(trilhaCompleta);
// ["HTML", "CSS", "Node.js", "Banco de Dados"]

Exemplo 2: juntando várias listas

const base = [1, 2];
const meio = [3, 4];
const fim = [5, 6];

const tudo = base.concat(meio, fim);

console.log(tudo); // [1, 2, 3, 4, 5, 6]

Exemplo 3: adicionando valores no final junto com listas

const nomes = ["Ana", "Bruno"];
const resultado = nomes.concat("Carla", "Diego");

console.log(resultado); // ["Ana", "Bruno", "Carla", "Diego"]

concat altera o array original?

Não.
Esse é um ponto muito importante: concat retorna uma nova lista e preserva as antigas.

const a = [1, 2];
const b = [3, 4];
const c = a.concat(b);

console.log(a); // [1, 2]
console.log(b); // [3, 4]
console.log(c); // [1, 2, 3, 4]

Diferença rápida: push vs concat

  • push: adiciona no final e altera o array original.
  • concat: junta listas e cria novo array.

Se você quer manter os dados originais intactos, concat é uma ótima escolha.

Resumo da lição

  • concat junta arrays e/ou valores.
  • Retorna uma nova lista.
  • Não modifica os arrays originais.
  • É muito útil para montar coleções maiores sem perder os dados iniciais.