El operador SPREAD en JavaScript

Spread Operator, ¿qué es?

El spread operator que incorpora ECMAScript 6 en JavaScript es un operador que simplifica la recogida de valores en una estructura de datos. Su representa con tres puntos: ...

La definición que nos da MDN es: “Spread syntax allows an iterable such as an array expression or string to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected, or an object expression to be expanded in places where zero or more key-value pairs (for object literals) are expected.”

Lo que quiere decir que este operador distribuye los elementos dentro de un iterable (cadena de texto, array o cualquier cosa que se pueda recorrer) dentro de un receptor. ¿Sigue sonando a chino verdad? Vamos a verlo con ejemplos de uso:

Copiar un array

Podemos utilizar el operador spread para copiar arrays:

Copiar un array y añadirle elementos

Podemos hacer copias de arrays y además añadir elementos al array, tanto al principio como al final de éste.

Concatenar arrays

De una forma sencilla, podemos concatenar arrays (esto lo vimos en el artículo Dos formas de unir objetos en JavaScript):

Esto también funciona con arrays de diferentes tipos de datos, por ejemplo:

Funciones

Copiar objetos

Concatenar y añadir nuevas propiedades a un objeto

Tal como se puede hacer con los arrays, pasa con los objetos:

Puedes ver el código funcionando en este Codepen.

Y esto es todo. Espero que te pueda servir 😉

--

--

alextomas.com

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store