Cómo extender una matriz de JavaScript existente con otra matriz, sin crear una nueva matriz

Cómo extender una matriz de JavaScript existente con otra matriz, sin crear una nueva matriz

Crear una nueva matriz requiere asignar una nueva memoria, que consume una gran cantidad de recursos y tiempo. Además, si la matriz se usa en otras partes de la aplicación, crear una nueva matriz requeriría actualizar todas las referencias a la matriz original. Más específicamente, extender la matriz sin crear una nueva permite al desarrollador agregar nuevos elementos a la matriz sin incurrir en estos costos.

Este artículo definirá los métodos para extender la matriz existente con otra matriz sin crear/definir una nueva matriz en JavaScript.

Cómo extender una matriz existente con otra matriz, sin crear/definir una nueva matriz?

Para extender una matriz sin crear una nueva matriz, use los siguientes métodos:

    • Método Push () con el operador de propagación
    • Método PUSP () con el método APLICACIÓN ()

Método 1: Extienda una matriz existente con otra matriz, sin crear/definir una nueva matriz usando el método "push ()" con el operador de propagación

Utilizar el "empujar()"Método con el"operador de propagación”Para extender la matriz sin crear una nueva matriz. El "Operador de propagación" copia todos los elementos de la matriz y empuja en la matriz existente utilizando el método "Push ()".

Sintaxis

Siga la sintaxis dada a continuación para el método Push () con el operador de propagación para extender la matriz:

matriz1.Push (... Array2)


En la sintaxis anterior, el operador de propagación (...) copia los elementos del "matriz2"Y los empuja al"matriz1".

Ejemplo

Crear una variedad de colores:

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


Crea otra matriz llamada "matriz2" De flores:

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


Ahora, empuje Array2 a Array1 usando el método Push () con el operador de propagación:

matriz1.Push (... Array2);


Imprima la matriz extendida existente en la consola:

consola.log (array1);


Se puede ver que el array1 se ha extendido con éxito agregando elementos de matriz2:

Método 2: Extienda una matriz de JavaScript existente con otra matriz, sin crear una nueva matriz usando el método "Push ()" con el método "Aplicar ()"

También puedes utilizar el "empujar()"Método con el"aplicar()Método para extender la matriz. El método Apply () toma ambas matrices como argumento y empuja sus elementos a la matriz existente.

Sintaxis

Use la siguiente sintaxis para extender la matriz utilizando el método Apply () con el método push ():

matriz1.empujar.Aplicar (Array1, Array2)


Ejemplo

Llame al método Aplicar () pasando ambas matrices "matriz1" y "matriz2"Con el método Push () para extender el Array1 agregando los elementos de Array2:

matriz1.empujar.aplicar (Array1, Array2);


Finalmente, imprima la matriz resultante en la consola:

consola.log (array1);


Producción


Se trata de la extensión de una matriz sin crear una nueva matriz en JavaScript.

Conclusión

Para extender una matriz sin crear una nueva matriz, use el "empujar() método con el operador de propagación" o el "empujar() método con aplicar() método". El operador de propagación copia elementos de la segunda matriz y los empuja a la primera matriz existente. En este artículo, definimos los métodos para extender la matriz con otra matriz sin crear/definir una nueva matriz en JavaScript.