Hola!
En este tutorial vamos a ver lo sencillo que es concatenar múltiples arrays utilizando el spread operator.
El spread operator se representa con tres puntos (…).
Pensemos en la siguiente situación:
El ejemplo consiste en que tenemos dos Arrays, cada uno contiene diferentes skills, tanto de Frontend como de Backend.
Resulta que ahora necesitamos crear un nuevo Array que contenga los skills de un Desarrollador FullStack, es decir, que comprenda todos los skills de Frontend y Backend.
Veamos cómo resolver esto!
1 - Creamos los arrays para los skills de Frontend y Backend.
const skillsFrontend = ['html', 'css', 'javascript'];
const skillsBackend = ['php', 'java', 'python'];
2 - Pasamos el valor de los items de ambos arrays a unos solo utilizando el spread operator.
const todosLosSkills = [...skillsFrontend, ...skillsBackend];
console.log(todosLosSkills); // Output
html
css
javascript
php
java
python
Observamos que es muy sencillo concatenar arrays utilizando el spread operator, solo es necesario crear una variable y asignarle un array, a este último le pasamos el nombre de los arrays anteponiendo los tres puntos que representan al spread operator.
Eso es todo!
Saludos!
