Cómo fusionar matrices en JavaScript
Existen posibilidades de que necesite unir matrices si los datos provienen de múltiples transmisiones. En tal situación, puede combinar todos los elementos de diferentes matrices en una sola matriz. JavaScript admite el Inmutable y Mudable fusión de matrices, y cada enfoque se basa en métodos específicos.
Este artículo explicará el procedimiento para fusionar las matrices en JavaScript con la ayuda de ejemplos adecuados. Entonces, comencemos!
Cómo fusionar matrices en JavaScript
JavaScript ofrece dos formas de fusionar matrices: fusión inmutable y fusión mutable.
Fusión inmutable de matrices
En la fusión inmutable, se crea una nueva matriz después de fusionar los elementos de las matrices especificadas. JavaScript "desparramar"Operador y"formación.concat ()El método se utiliza para la fusión inmutable de matrices.
Fusión mutable de matrices
El método mutable para fusionar matrices se utiliza para realizar la operación de fusión en una matriz existente. "formación.empujar()El método se puede utilizar para empujar los elementos de una matriz a otra.
Ahora, verifiquemos el procedimiento de usar cada uno de los métodos especificados en JavaScript.
Cómo fusionar las matrices en JavaScript usando el operador spread
El operador de propagación se introdujo en ES6, representado por tres puntos consecutivos "… ". Se usa para destruir matrices y fusionarlas en consecuencia.
Sintaxis del uso del operador spread para fusionar matrices en JavaScript
En la sintaxis dividida a continuación, debe especificar las matrices que deben fusionarse con el operador de propagación "… ", En la matriz literal"[]":
const fusedArray = [... Array1, ... Array2];Aquí, JavaScript generará un nuevo "estrella fusionada"Que comprende los elementos de"matriz1" y "matriz2".
Ejemplo: cómo fusionar matrices en JavaScript usando el operador spread
En primer lugar, crearemos dos matrices llamadas "chicas" y "Niños,"Que tendrá los siguientes elementos:
Const Girls = ['Marie', 'Stepheny'];const boys = ['alex', 'max'];
En el siguiente paso, utilizaremos el operador de propagación de JavaScript para fusionar "chicas" y "Niños"Los elementos de matriz en un nuevo"gente"Array:
Const People = [... niñas, ... chicos];consola.registro (gente);
La ejecución del programa anterior mostrará el siguiente resultado:
El orden en que especifica matrices en la matriz literal sí importa, ya que los elementos se fusionarán en la misma secuencia en la que se agregan matrices. Por lo tanto, puede seleccionar si desea insertar los elementos antes o después de los otros elementos de la matriz.
Por ejemplo, queremos fusionar las dos matrices ","chicas" y "Niños,"Usando el operador de propagación de tal manera que los elementos del"Niños"Array viene antes del"chicas"Elementos de matriz. Para este propósito, especificaremos "Niños" antes de "chicas"Array en la matriz literal:
Const Girls = ['Marie', 'Stepheny'];const boys = ['alex', 'max'];
Const People = [... chicos, ... niñas];
consola.registro (gente);
Producción
Como puede ver, el índice inicial del "gente"Array contiene el"Niños"Elemento de matriz, y después de eso, otros índices se refieren"chicas"Elementos de matriz.
Cómo fusionar matrices en JavaScript usando el método concat ()
"concat ()"Es uno de los métodos de JavaScript más útiles, y se utiliza principalmente para fusionar múltiples matrices en una nueva matriz.
Sintaxis del método concat () en JavaScript
Si desea fusionar matrices usando el JavaScript "concat ()Método ", entonces estas son las dos formas de sintaxis del método concat ():
const fusedArray = array1.concat (array2);O
const fusedArray = [].concat (Array1, Array2);En la primera forma, el "concat ()"El método fusionará los elementos de"matriz2" en "matriz1", Mientras que, en la segunda forma de sintaxis", "matriz1" y "matriz2Los elementos se fusionan en una matriz vacía.
Ejemplo: cómo fusionar matrices en JavaScript usando el método concat ()
El siguiente ejemplo fusionará los elementos de "chicas"Array con"Niños"Al utilizar el"formación.concat ()" método:
Const Girls = ['Marie', 'Stepheny'];const boys = ['alex', 'max'];
Const People = Girls.concat (niños);
consola.registro (gente);
Eche un vistazo a la salida dada de abajo:
Ahora, ejecutaremos el mismo ejemplo, mientras usamos la otra sintaxis del método concat ():
Const Girls = ['Marie', 'Stepheny'];const boys = ['alex', 'max'];
Const People = [].concat (niñas, niños);
consola.registro (gente);
El programa JavaScript dado también fusionará las matrices especificadas de la misma manera:
Cómo fusionar matrices en JavaScript usando el método Push ()
Si desea fusionar los elementos de matriz de manera mutua, todo lo que necesita es usar el JavaScript "empujar()" método. Utilizando este método, puede fusionar fácilmente múltiples matrices en una matriz existente.
Sintaxis del método Push () en JavaScript
matriz1.Push (... Array2);Para empujar los elementos de "matriz2" en "matriz1", Debe aplicar el operador spread"… "A los argumentos.
Ejemplo: Fusionar matrices en JavaScript usando el método Push ()
El siguiente ejemplo utilizará el "formación.empujar()"Método para fusionar o empujar los elementos de"chicas"Array en"Niños"Array:
Const Girls = ['Marie', 'Stepheny'];const boys = ['alex', 'max'];
Niños.empuje (... chicas);
consola.log (niños);
Ahora, mira la secuencia de elementos del "Niños"Array:
Agregando "desparramar"El operador es importante al pasar los argumentos al"empujar()"Método, de lo contrario, el"empujar()El método "agregará el"chicas"Array en su conjunto al"Niños"Array:
Const Girls = ['Marie', 'Stepheny'];const boys = ['alex', 'max'];
Niños.empuje (chicas);
consola.log (niños);
La salida dada significa que después de la ejecución del método push (), el ""chicas"La matriz se agrega en su conjunto en el segundo índice del"Niños"Array:
Esa es toda la información esencial sobre la fusión de matrices en JavaScript utilizando el método mutable e inmutable. Ahora, puede explorarlos más de acuerdo con sus requisitos.
Conclusión
Para fusionar matrices en JavaScript, puede utilizar el formación.concat () método o el operador de propagación [... Array1, ... Array2], en la matriz literal "[]" para fusionar las matrices de una manera inmutable (creando una nueva matriz). Sin embargo, si desea fusionar los elementos de matriz especificados en una matriz existente mutuamente, puede usar el formación.empujar() método. Este artículo explicó el procedimiento para fusionar matrices en JavaScript con la ayuda de ejemplos adecuados.