ES6 — Usos favoritos del operador Spread (…)

Kike.pe
Zurvin
2 min readJun 3, 2020

--

Conociendo un poco más de este operador de javascript.

A menudo me he encontrado con la necesidad de este operador, no sé cómo hemos podido trabajar antes (con más código de hecho). Ya sea trabajando con arrays o recientemente con objetos esto me ha ayudado mucho, así que se los comparto, vamos a codear!

Copiar contenido de un array

Ya sé que muchos me van a decir, pero si eso se puede hacer con Array.prototype.slice() Lo sé, pero con el operador spread basta con poner los 3 puntos.

Concatenando arrays

De igual forma muchos van a decir, tsss eso también se puede hacer con Array.prototype.concat() pero prefiero este modo.

Insertar un array dentro de otro

Si realizamos esta acción tal vez el resultado no sea el esperado, veamos

let arr1 = ['A','B'];
let arr2 = [arr1,'C','D'];
console.log(arr2);
// [ [ 'A', 'B' ], 'C', 'D' ]

Como vemos el arr1 se anidó dentro del arr2 y eso no es lo que queremos lograr, por otro lado con el operador spread el resultado es otro.

Enviar parámetros a una función

Normalmente se tendría que acceder y pasar los parámetros a la función uno por uno. Con este operador la tarea se vuelve un poco más sencilla.

Trabajando con objetos

Una vez más alguien dirá, oye pero eso se hacía con el método Object.assign() pero estos 3 puntos hacen lo suyo, mientras menos código use mejor para mí.

Como verán para cada caso en el que se encuentren, si tienen la posibilidad de usar este operador, les va a facilitar la vida tanto como a mí y no solo con este operador sino con las muchas mejoras que le van añadiendo a Javascript en sus versiones mas actuales.

Solo hay que saber usarlo adecuadamente haciendo su respectivo seguimiento a los datos que viajan a través de nuestra aplicación y listo.

Sin más, hasta la próxima. Enjoy code!

#nuncaParesDeAprender

--

--

Kike.pe
Zurvin
Editor for

Fullstack Developer Analyst. Javascript lover and on the path of continuous learning.