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!

¡Ups! ¡Este contenido está restringido a codelovers! Inicia sesión o, si aún no eres miembro de Didacticode, regístrate!

4 comentarios
Contraer comentarios
Víctor J Gamboa Canto 03/12/2020 a las 20:43

Marca éste error al querer cargar el vídeo: Se produjo un error. Vuelve a intentarlo más tarde (ID de reproducción: WC17VCSLQ0Ve-uPz).
Más información

Saludos…

didacticode (Administrador) 03/12/2020 a las 23:12

¡Y este también! Fallo del iframe. ¡Mil gracias por avisar, Víctor!

Hola Ada,

Muy buenos tus videos, me consumi este de javascript moderno en un dia, soy autodidacta con un gran deseo de aprender este lenguaje de programacion, Muchas bendiciones

didacticode (Administrador) 16/04/2021 a las 22:54

¡Uau, Diego! Espero que te sirviera y aprendieras mucho… ahora ya sabes, ¡hay que ponerlo en práctica!

Deja un comentario