JavaScript Mesclagem e Concatenando Matrizes

JavaScript é uma linguagem de script/programação baseada em objetos que é usada como uma linguagem da web front-end. Quando os desenvolvedores precisam fazer alguma animação ou tornar o site mais interativo, o JavaScript é o idioma por trás de toda a interatividade.

Como todos sabemos que as matrizes geralmente são usadas para armazenar o mesmo tipo de dados ou informações. Quando se trata de executar algumas mudanças dinâmicas, como mostrar os dados de duas tabelas em um lugar no front-end, em vez de consultar o back-end, podemos executar algumas funcionalidades básicas no front-end.

Nesta postagem, teremos um guia detalhado sobre como mesclar ou concatar várias matrizes em javascript.

Qual é o método concat () em javascript

Para mesclar duas ou mais matrizes em JavaScript, o concat () função é usada. A sintaxe para concatenar várias matrizes usando o método Concat é:

Array_name.Concat (First_array, Second_array,…, n_array)

• O concat () A função leva várias matrizes como um parâmetro e junta -as como uma matriz.
• O concat () Função retorna uma nova matriz e não afeta a matriz original.

Vamos tentar juntar duas matrizes e ter uma melhor compreensão do concat () função.

Observação: Usaremos o console do navegador para demonstrar exemplos realizados neste post. Para abrir o console do navegador:

• Use o F12 Chave no Chrome e outros navegadores à base de cromo.
• Usar Ctrl + Shift + K teclas de atalho do teclado para mozilla.
• Usar Opção + ⌘ + c Tectas de atalho do teclado no Safari (se o menu do desenvolvedor não aparecer, abra preferências pressionando ⌘ +e na guia avançada, verifique “Mostrar desenvolver menu na barra de menus”).

Como usar concat () função em javascript

Suponha que tenhamos duas matrizes e queremos torná -los uma única matriz:

var Arr1 = [10,20,30,40];
var Arr2 = [50,60,70,80];

Para concatá -los em uma matriz, a seguinte declaração será usada:

var Arr3 = arr1.concat (ARR2);

Agora, se consolarmos o ARR3:

console.log (arr3);

Você pode ver que duas matrizes ARR1 e ARR2, são concatenados em ARR3.

Agora, digamos que queremos concatenar essas três matrizes. Para ingressar em várias matrizes após o snippet de código será usado:

var Arr4 = arr1.Concat (ARR2, ARR3);

Outra maneira de realizar a mesma tarefa seria assim:

var Arr4 = [].Concat (ARR1, ARR2, ARR3);

Agora, se dermos uma olhada no ARR4:

console.log (arr4);

Você pode ver que todas as três matrizes são mescladas no ARR4 Como esperamos fazer.

É assim que podemos mesclar duas matrizes usando o método concat.

Concatenar matrizes usando o operador espalhado em javascript

Outra maneira de mesclar várias matrizes no JavaScript é usar o operador de espalhamento. Fusão de duas matrizes usando um operador de espalhamento é realmente simples. Basta prender três pontos ao nome da matriz e fornecer -os como um elemento de matriz a uma nova matriz.

Por exemplo, temos duas matrizes:

var Arr1 = [10,20,30,40];
var Arr2 = [50,60,70,80];

Agora, para se juntar a eles usando o operador de spread, basta usar a seguinte declaração:

var Arr3 = [… arr1,… arr2]

Agora, console o ARR3 verificar:

console.log (arr3);

Você pode ver isso ARR1 e ARR2 estão unidos perfeitamente usando o operador espalhado.

Conclusão

O concat () O método é útil ao manipular os dados presentes nas matrizes sem modificar as matrizes originais. Ao trabalhar em aplicativos da web, talvez seja necessário mostrar os dados de diferentes matrizes combinadas. Podemos fazer isso usando o contato() Método em JavaScript. Este método nos ajudará a executar nossa tarefa sem alterar as matrizes reais que podem ser necessárias mais tarde em seu estado original.

Neste guia de instruções, aprendemos a usar o concat () função em javascript. Além disso, também aprendemos a usar o operador de spread, que também é usado para mesclar matrizes. O operador espalhado se tornou uma maneira mais popular de mesclar matrizes nos últimos tempos.