Como estender uma matriz JavaScript existente com outra matriz, sem criar uma nova matriz

Criar uma nova matriz requer alocar nova memória, que consome um grande número de recursos e tempo. Além disso, se a matriz for usada em outras partes do aplicativo, a criação de uma nova matriz exigiria a atualização de todas as referências à matriz original. Mais especificamente, estender a matriz sem criar um novo permite ao desenvolvedor adicionar novos elementos à matriz sem incorrer nesses custos.

Este artigo definirá os métodos para estender a matriz existente com outra matriz sem criar/definir uma nova matriz em JavaScript.

Como estender uma matriz existente com outra matriz, sem criar/definir uma nova matriz?

Para estender uma matriz sem criar uma nova matriz, use os seguintes métodos:

• • Método push () com o operador de propagação
  • Método push () com aplicação ()

Método 1: estender uma matriz existente com outra matriz, sem criar/definir uma nova matriz usando o método “push ()” com o operador de espalhamento

Use o "empurrar()”Método com o“Operador espalhado”Para estender a matriz sem criar uma nova matriz. O "operador de espalhamento" copia todos os elementos da matriz e empurra a matriz existente usando o método "push ()".

Sintaxe

Siga a sintaxe abaixo dada para o método push () com o operador de propagação para estender a matriz:

Array1.push (… Array2)

Na sintaxe acima, o operador de propagação (…) copia os elementos do “Array2”E os empurra para o“Array1”.

Exemplo

Crie uma variedade de cores:

const array1 = ['vermelho', 'azul'];

Crie outra matriz chamada “Array2”De flores:

const array2 = ['rosa', 'violeta'];

Agora, push Array2 para Array1 usando o método push () com o operador de spread:

Array1.push (… Array2);

Imprima a matriz estendida existente1 no console:

console.log (array1);

Pode -se observar que o Array1 foi estendido com sucesso adicionando elementos do Array2:

Método 2: Estenda uma matriz JavaScript existente com outra matriz, sem criar uma nova matriz usando o método "push ()" com "Apply ()"

Você também pode utilizar o “empurrar()”Método com o“aplicar()”Método para estender a matriz. O método Apply () leva as duas matrizes como um argumento e empurra seus elementos para a matriz existente.

Sintaxe

Use a seguinte sintaxe para estender a matriz usando o método Aplicação () com o método push ():

Array1.empurrar.Aplicar (Array1, Array2)

Exemplo

Ligue para o método Apply () passando as duas matrizes “Array1" e "Array2”Com o método push () para estender o Array1 adicionando elementos do Array2:

Array1.empurrar.aplicar (Array1, Array2);

Por fim, imprima a matriz resultante no console:

console.log (array1);

Saída

É tudo sobre a extensão de uma matriz sem criar uma nova matriz em JavaScript.

Conclusão

Para estender uma matriz sem criar uma nova matriz, use o “empurrar() Método com o Operador espalhado" ou o "empurrar() método com aplicar() método". O operador espalhado copia elementos da segunda matriz e os empurra para a primeira matriz existente. Neste artigo, definimos os métodos para estender a matriz com outra matriz sem criar/definir uma nova matriz em JavaScript.