JavaScript fusionando y concatenando matrices
Como todos sabemos, los matrices generalmente se usan para almacenar el mismo tipo de datos o información. Cuando se trata de realizar algunos cambios dinámicos como mostrar los datos de dos tablas en un lugar en el front-end, en lugar de consultar desde el back-end, podemos realizar algunas funcionalidades básicas en el front-end.
En esta publicación, tendremos una guía detallada sobre cómo fusionar o concatificar múltiples matrices en JavaScript.
¿Cuál es el método concat () en JavaScript?
Para fusionar dos o más matrices en JavaScript, el concat () se utiliza la función. La sintaxis para concatenar múltiples matrices utilizando el método Concat es:
array_name.Concat (First_Array, Second_array, ..., N_array)- El concat () La función toma múltiples matrices como parámetro y las une como una matriz.
- El concat () la función devuelve una nueva matriz y no afecta la matriz original.
Intentemos unirnos a dos matrices y tener una mejor comprensión del concat () función.
Nota: Usaremos la consola del navegador para demostrar ejemplos realizados en esta publicación. Para abrir la consola del navegador:
- Utilizar el F12 clave en Chrome y otros navegadores basados en cromo.
- Usar Ctrl + Shift + K teclas de atajo de teclado para Mozilla.
- Usar Opción + ⌘ + C teclas de acceso directo de teclado en Safari (si el menú del desarrollador no aparece, abra las preferencias presionando ⌘ +, y en la pestaña avanzada, verifique "Mostrar el menú Desarrollar en la barra de menú").
Cómo usar la función concat () en JavaScript
Supongamos que tenemos dos matrices y queremos hacerlos una sola matriz:
var arr1 = [10,20,30,40];var arr2 = [50,60,70,80];
Para concatirlos en una matriz, se utilizará la siguiente declaración:
var arr3 = arr1.concat (arr2);Ahora, si consolamos el arr3:
consola.log (arr3);Puedes ver que dos matrices ARR1 y ARR2, están concatenados en arr3.
Ahora, digamos que queremos concatenar estos tres matrices. Para unir múltiples matrices siguientes se utilizará el fragmento del código:
var arr4 = arr1.concat (arr2, arr3);Otra forma de hacer la misma tarea sería así:
var arr4 = [].concat (arr1, arr2, arr3);Ahora, si echamos un vistazo al ARR4:
consola.log (arr4);Puedes ver que las tres matrices se fusionan en el ARR4 Como esperamos que haga.
Así es como podemos fusionar dos matrices utilizando el método Concat.
Matrices de concatenato utilizando el operador spread en JavaScript
Otra forma de fusionar múltiples matrices en JavaScript es usar el operador spread. Fusionar dos matrices usando un operador spread es realmente simple. Simplemente prependa tres puntos al nombre de la matriz y proporcione como un elemento de matriz para una nueva matriz.
Por ejemplo, tenemos dos matrices:
var arr1 = [10,20,30,40];var arr2 = [50,60,70,80];
Ahora para unirse a ellos utilizando el operador spread, simplemente use la siguiente declaración:
var arr3 = [... arr1, ... arr2]Ahora console el arr3 para verificar:
consola.log (arr3);Puedes ver eso ARR1 y ARR2 se unen perfectamente utilizando el operador spread.
Conclusión
El concat () El método es útil al manipular los datos presentes en las matrices sin modificar las matrices originales. Al trabajar en aplicaciones web, es posible que necesitemos mostrar los datos de diferentes matrices combinadas. Podemos hacer esto usando el contacto() Método en JavaScript. Este método nos ayudará a realizar nuestra tarea sin cambiar las matrices reales que podrían ser necesarias más adelante en su estado original.
En esta guía de instrucciones, aprendimos a usar el concat () función en JavaScript. Además, también aprendimos a usar el operador spread, que también se usa para fusionar matrices. El operador de propagación se ha convertido en una forma más popular de fusionar matrices en los últimos tiempos.