Javascript ES6 – #09. Spread operator u operador de propagación

En esta lección vamos a hablar del operador spread u operador de propagación, también conocido como sintaxis extendida o spread sintax para los amigos de Shakespeare.

Esta sintaxis permite, en función de sobre qué se aplique:

• A elementos iterables (array, cadena…) ser expandidos donde se esperan cero o más argumentos (para llamadas de función) o elementos (para Arrays literales).
• A un objeto ser expandido en lugares donde se esperan cero o más pares de valores clave (para literales de tipo Objeto).

Lo sé, os ha sonado a chino mandarín. En otras palabras, y con un ejemplo, si en una función queremos pasar varios parámetros y esos parámetros están recogidos en un array, no podemos pasar el array, pero esta sintaxis nos permite que ese array se convierta a valores «sueltos» para poderlos pasar como parámetros de la función.

La sintaxis de cada caso sería la siguiente:

// Para arrays literales o cadenas
[...objetoIterable, 'a', "caracola", 7];

// Para llamadas a funciones
miFuncion(...objetoIterable);

// Para literales de tipo Object
let clon = {...obj};

¿Quieres verlo claramente con ejemplos reales? ¡Vamos allá!

¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!

¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!