Como mesclar matrizes em javascript

Uma coleção de itens ou elementos é chamada de Variedade. Matrizes podem armazenar dados como seus elementos e você pode acessá -los quando necessário. É uma estrutura de dados comumente usada em diferentes linguagens de programação, incluindo JavaScript.

Existem chances de que você possa precisar mesclar Matrizes se os dados vieram de vários fluxos. Em tal situação, você pode combinar todos os elementos de diferentes matrizes em uma única matriz. JavaScript suporta o Imutável e Mutável fusão de matrizes, e cada abordagem é baseada em métodos específicos.

Este artigo explicará o procedimento para mesclar matrizes em JavaScript com a ajuda de exemplos adequados. Então vamos começar!

Como mesclar matrizes em javascript

JavaScript oferece duas maneiras de mesclar matrizes: fusão imutável e fusão mutável.

Fusão imutável de matrizes

Na fusão imutável, uma nova matriz é criada após a fusão dos elementos das matrizes especificadas. JavaScript “espalharOperador e “variedade.concat ()”O método é utilizado para a fusão imutável de matrizes.

Fusão mutável de matrizes

O método mutável de fusão de matrizes é usado para executar a operação de mesclagem em uma matriz existente. ““variedade.empurrar()”O método pode ser usado para empurrar os elementos de uma matriz para outro.

Agora, vamos verificar o procedimento de usar cada um dos métodos especificados em JavaScript.

Como mesclar matrizes em JavaScript usando o operador de spread

O operador de spread foi introduzido no ES6, representado por três pontos consecutivos “.. ”. É usado para destruir matrizes e fundi -los de acordo.

Sintaxe do uso do operador espalhado para mesclar matrizes em javascript

Na sintaxe abaixo, você deve especificar as matrizes que precisam ser mescladas precedentes com o operador de propagação “.. ", Na matriz literal"[]”:

const MergedArray = [… Array1,… Array2];

Aqui, o JavaScript gerará um novo “MergedArray”Que compreende os elementos de“Array1" e "Array2”.

Exemplo: como mesclar matrizes em javascript usando o operador spread

Primeiro de tudo, criaremos duas matrizes chamadas “garotas" e "Rapazes,”Que terá os seguintes elementos:

Const Girls = ['Marie', 'Stepheny'];
Const Boys = ['Alex', 'Max'];

Na próxima etapa, usaremos o operador de propagação JavaScript para mesclar “garotas" e "Rapazes”Elementos da matriz em um novo“pessoas" variedade:

const pessoas = [… meninas,… meninos];
console.log (pessoas);

A execução do programa acima do rumo mostrará a seguinte saída:

A ordem em que você especifica matrizes na matriz literal é importante, pois os elementos serão mesclados na mesma sequência em que as matrizes são adicionadas. Portanto, você pode selecionar se deseja inserir os elementos antes ou depois dos outros elementos da matriz.

Por exemplo, queremos mesclar as duas matrizes, “garotas" e "Rapazes,”Usando o operador de espalhamento de tal maneira que os elementos do“Rapazes”Array vem antes do“garotas”Elementos da matriz. Para esse fim, especificaremos “Rapazes" antes de o "garotas”Array na matriz literal:

Const Girls = ['Marie', 'Stepheny'];
Const Boys = ['Alex', 'Max'];
const pessoas = [… meninos,… meninas];
console.log (pessoas);

Saída

Como você pode ver, o índice inicial do “pessoas”Array contém o“Rapazes”Elemento de matriz e, depois disso, outros índices estão se referindo“garotas”Elementos da matriz.

Como mesclar matrizes em javascript usando o método concat ()

““concat ()”É um dos métodos JavaScript mais úteis e é usado principalmente para mesclar várias matrizes em uma nova matriz.

Sintaxe do método concat () em javascript

Se você quiser mesclar matrizes usando o JavaScript “concat ()”Método, então essas são as duas formas da sintaxe do concat ():

const MergedArray = Array1.Concat (Array2);

OU

const MergedArray = [].Concat (Array1, Array2);

Na primeira forma, o “concat ()”Método mesclará os elementos de“Array2" em "Array1”, Considerando que, na segunda forma de sintaxe,“Array1" e "Array2”Os elementos são fundidos em uma matriz vazia.

Exemplo: como mesclar matrizes em javascript usando o método concat ()

O exemplo a seguir mesclará os elementos de “garotas”Array com“Rapazes”Ao utilizar o“variedade.concat ()”Método:

Const Girls = ['Marie', 'Stepheny'];
Const Boys = ['Alex', 'Max'];
const pessoas = meninas.concat (meninos);
console.log (pessoas);

Dê uma olhada na saída abaixo:

Agora, executaremos o mesmo exemplo, ao usar a outra sintaxe do método concat ():

Const Girls = ['Marie', 'Stepheny'];
Const Boys = ['Alex', 'Max'];
const pessoas = [].concat (meninas, meninos);
console.log (pessoas);

O programa JavaScript fornecido também mesclará as matrizes especificadas da mesma maneira:

Como mesclar matrizes em JavaScript usando o método push ()

Se você deseja mesclar os elementos da matriz, tudo o que você precisa é usar o javascript “empurrar()”Método. Utilizando esse método, você pode mesclar facilmente várias matrizes em uma matriz existente.

Sintaxe do método push () em javascript

Array1.push (… Array2);

Para empurrar os elementos de “Array2" em "Array1", Você tem que aplicar o operador de spread".. ”Para os argumentos.

Exemplo: Mesclar matrizes em JavaScript usando o método push ()

O exemplo a seguir utilizará o “variedade.empurrar()”Método para mesclar ou empurrar os elementos de“garotas”Array em“Rapazes" variedade:

Const Girls = ['Marie', 'Stepheny'];
Const Boys = ['Alex', 'Max'];
Rapazes.empurrar (... meninas);
console.log (meninos);

Agora, confira a sequência de elementos do “Rapazes" variedade:

Adicionando “espalhar”O operador é importante ao passar os argumentos para o“empurrar()”Método, caso contrário, o“empurrar()”Método anexará o“garotas”Array como um todo para o“Rapazes" variedade:

Const Girls = ['Marie', 'Stepheny'];
Const Boys = ['Alex', 'Max'];
Rapazes.push (meninas);
console.log (meninos);

Dada a saída significa que, após a execução do método push (), o “garotas”A matriz é adicionada como um todo no segundo índice do“Rapazes" variedade:

Essa é todas as informações essenciais sobre a fusão de matrizes em JavaScript usando o método mutável e imutável. Agora, você pode explorá -los ainda mais de acordo com seus requisitos.

Conclusão

Para mesclar matrizes em JavaScript, você pode utilizar o variedade.concat () método ou o Operador espalhado [… Array1,… Array2], na matriz literal “[]” para mesclar matrizes de maneira imutável (criando uma nova matriz). No entanto, se você deseja mesclar os elementos de matriz especificados em uma matriz existente mundialmente, você pode usar o variedade.empurrar() Método. Este artigo explicou o procedimento para mesclar matrizes em JavaScript com a ajuda de exemplos adequados.