Como unir dois arrays em JavaScript (merge)

Neste artigo você vai aprender a como unir dois arrays em JavaScript, prática conhecida como merge, de uma maneira simples e eficaz

Fala programador(a), beleza? Bora aprender mais sobre arrays e também sobre a linguagem JavaScript!

Para unir dois arrays ou fazer o merge entre eles, temos um método chamado concat

Este método é de array, ou seja, vamos utilizar ele a partir de um array

E como argumento colocar o segundo array que precisamos concatenar/unir com o primeiro

Veja então um exemplo prático da situação explicada acima:

var arr1 = [1, 2];
var arr2 = [3, 4];

var arr3 = arr1.concat(arr2);

console.log(arr3); // [1, 2, 3, 4]

Criamos duas variáveis que contém arrays, e por fim uma outra última variável que utiliza o método concat para juntar dois arrays distintos

E como resultado temos o array [1, 2, 3, 4], que é a soma dos dois arrays anteriormente criados

Com a versão ES6 de JavaScript, podemos também utilizar o operador de destructuring

Que vai deixar as coisas ainda mais fáceis, veja um exemplo:

var arr1 = [1, 2];
var arr2 = [3, 4];

var arr3 = [...arr1, ...arr2];

console.log(arr3); // [1, 2, 3, 4]

O destructing é utilizado pela sintaxe …, basicamente ele dá a possibilidade de utilizar todos os itens de um array para um determinado fim

Conclusão

Neste artigo você aprendeu a como unir dois arrays em JavaScript, utilizamos duas abordagens:

concat: uma função de array, que pode unir dois arrays;
destructuring: um operador da versão ES6 de JavaScript, que pode ser utilizado para o fim deste artigo, que é juntar duas listas;

Tome cuidado que nem todos os navegadores tem as funções de ES6 já prontas para o uso, isso pode fazer com que sua aplicação não funcione corretamente