El SPREAD operator🔴 TODO lo que puedes HACER con TRES PUNTOS ...😎 🟡 Javascript AVANZADO

[@edarcode8124]

uufff no tenía idea de ese ultimo dato, del segundo nivel en adelante xD... excelente video

[@DesarrolloUtil]

Pues a partir de ahora mucho ojo! 😂

[@quinojuan2]

Muchas gracias por todo el tiempo que invierten en estos videos. Saludos!

[@DesarrolloUtil]

A vosotros por vernos!

[@rogeclash2631]

lo he vuelto a ver , no es que quede claro, queda clarisimooo, gracias maquina

[@DesarrolloUtil]

Me alegro!

[@DmiEs-wr9hf]

Muy bien explicado, muy claro. Gracias

[@raulnovas2562]

Admirable la capacidad que tiene el "profe" para explicar...muy, muy claro. Muchas gracias.

[@DesarrolloUtil]

Me alegro! Muchas gracias

[@ivanvaldez7472]

Que fácil que explican todo. Espero no aflojen al canal, su manera de enseñar es muy claro!

[@DesarrolloUtil]

Estamos dándole una vuelta al nuevo contenido que se viene en el canal, para hacerlo en condiciones. La semana que viene, probablemente, continuemos con más

[@arielcastillo7925]

Gracias !!!! estoy seguro que esto mer servira en un futuro,

[@ep4r4]

Joda hasta que lo conseguí, gracias!

[@DKRunker]

este siempre ha sido un punto débil que he tenido con javascript, genial vídeo y buenísima explicación!

[@DesarrolloUtil]

Bien bien!

[@gersonja]

Muchísimas gracias... muy bien explicado!

[@CodeMaker23]

excelente manera de explicar amigo, tengo ya un año estudiando como programador full stack, y en pocos videos me has ayudado inmensamente, te deseo el mayor de los exitos

[@DesarrolloUtil]

Muchísimas gracias. Me alegro de que te guste!

[@rodrigodv77]

Interesante la ultima explicacion.. Muy a tener en cuenta.

[@solucionesruiz]

Vaya vaya, con razon, no sabia que copiaba solo el primer nivel... interesantisimo.

[@DesarrolloUtil]

Pues eso que te llevas!

[@josemanuelberrios7390]

Excelente explicación... Nunca he había quedado tan claro

[@DesarrolloUtil]

Me alegro de leer eso!

[@ryokaroumiyamoto4174]

/*Este video a los primeros minutos me hizo entender algo clave, espero que les sirva:*/ /*El spread operator al ser simplemente algo que expande las propiedades o elementos de un Objeto o arreglo hay que tener cierto cuidado.*/ /*Un ejemplo es que al javaScript funcionar con cadenas prototípicas en sus objetos, al expandir un objeto con el spread si manipulamos el objeto expandido este afectara las propiedades del original.*/ /*Por ejemplo digamos que tenemos un objecto cuya propiedad es un arreglo:*/ let objeto = {arreglo:[1,23,3,54]}; /*Y ahora vamos a expandir nuestro objeto a uno nuevo:*/ let objetoCopia = {...objeto}; /*si nosotros quisieramos interactuar con el arreglo de cualquiera de los dos objetos veriamos que afectará ambos:*/ objeto.arreglo.shift();//Aqui removemos nuestro primer elemento del arreglo. console.log(objeto,objetoCopia);//*Aqui pueden ver el resultado. /*si quiere probar esto rápidamente pulsen f12 y copien y peguen todo el comentario a la consola de navegador.*/

[@brianpro848]

Gran explicación, muchas gracias 👏

[@DesarrolloUtil]

Muchas gracias a ti por vernos Brian!

[@rafaelibarra280]

Bien explicado. Visto bueno ✔✔

[@cristianfarriol3599]

Es impresionante lo bien que explicas. Muchas gracias profe!

[@DesarrolloUtil]

Gracias a ti Cristian!

[@luchorap85]

excelente, me suscribí.

[@diegoalejandro1932]

que buen video bro

[@ijeanpierrebp]

Excelente video.

[@derrbass]

Gracias por este video

[@hernancastro6064]

Muy buenos los vídeos, me estoy viendo todos sus cursos de a poco...unos grandes, ahora, hay manera de romper la referencia del segundo nivel o niveles más profundos? Saludos desde Argentina!

[@DesarrolloUtil]

Muy buenas Hernan, gracias por el apoyo y buena pregunta 🤗. Se pueden romper de varias maneras, por un lado el spread puede anidarse tantos niveles como quieras, es decir si sólo haces una vez el spread pues rompes el primer nivel pero si haces spread sobre el segundo nivel lo rompes también. Algo tal que así {...obj, segundoNivel: {...obj.segundoNivel}} y esto se podría hacer hasta el nivel que quieras. Aunque habitualmente para 2 niveles o mas se suele utilizar JSON.stringify y JSON.parse y así clonas todos los niveles rompiendo todas las referencias

[@find_me8830]

Oooh, gracias por la pregunta y la respuesta, la verdad también me había quedado con la duda pero ahora ya me quedó todo claro ;)

[@joseamartinezr1966]

Genial explicación. Gracias!!!!

[@DesarrolloUtil]

Muchas gracias!

[@ivanvaldez7472]

Excelente el dato de los niveles en lo que podemos modificar. Eso es un error que todos tendríamos incursionando por primera vez.

[@DesarrolloUtil]

Bastantes dolores de cabeza nos da!

[@LarcMusic]

Excelente explicación

[@DesarrolloUtil]

Muchas gracias!

[@rednas7368]

clarisimo me quedo gracias

[@DesarrolloUtil]

Me alegro!

[@PalestinianCode]

Muchas gracias

[@johanposadaagudelo6103]

Gracias!!

[@JorgeDEboli]

Muy bien explicado

[@unaiiglesias9901]

Gracias Jose! Faltaba comentar que, de crear un nuevo objeto a partir de dos objetos (usando spread), también se puede modificar el valor de una propiedad (de alguno de los objetos) :)

[@DesarrolloUtil]

La magia no tiene límites... 😂

[@miguelragusa3188]

excelente!!

[@maxigarrett3121]

Buen video gracias

[@DesarrolloUtil]

Gracias a ti!

[@yohanalek9185]

¿Qué tema de vs code utiliza en el vídeo?

[@wilmermedina7258]

Buen video, una pregunta un poco fuera de lugar, como hago para poner la consola del node.js a un lado del código?

[@DesarrolloUtil]

Las pestañas de terminal en VSCode se pueden manipular como si fueran archivos, puedes arrastrarlas donde quieras, y ponerlas al lado de tu código como una pestaña más!

[@jnp9715]

de que formas ves el console log directamente en vscode? y como reeamplazas el nombre de variable en todo el archivo? THX

[@DesarrolloUtil]

Utilizo Nodemon combinado con una consola integrada de VSCode como pestaña, pequeños truquitos! Respecto a lo de reemplazar el nombre de una variable en todo el archivo, lo hago con F2

[@latinmu]

para modificar el segundo nivel de profundidad en la copia evitando que se edite el valor del objeto original como se podria hacer?

[@manuellemus8529]

clonacion

[@brandonotzin5788]

Buen día, que pasa si realizó un spread operator de 2 objetos que comparten una propiedad,

[@DesarrolloUtil]

Se queda con el valor del objeto que pongas en último lugar: { ...a, ...b } se quedaría con el valor de b en esa propiedad!

[@brandonotzin5788]

@@DesarrolloUtil gracias

[@manuellemus8529]

la misma duda, pero mas amplia, que pasa si el ultimo objeto en su propiedad compartida es `null` o `undefined`, se sobre escribe a la propiedad compartida del objeto anterior?

[@ivanbravo8156]

wen video

[@DesarrolloUtil]

Gracias!

[@xxUnd3rtoWxx]

Entonces Spread operator realiza una copia del primer nivel de los objetos/arrays?. Y el REST operator crea un array con los elementos que entran como parámetros a una función?, Rest solo se usa en las funciones?

[@DesarrolloUtil]

Lo del spread es correcto, lo del resto operator no. El rest crea un objeto con los parámetros, no un array. Y no, no se usa sólo en las funciones, puedes usarlo con cualquier objeto const { a, ...other } = obj;

[@xxUnd3rtoWxx]

@@DesarrolloUtil Muchísimas gracias : )

[@batek34]

@@DesarrolloUtil Pero en el video dijiste que los junta en un array 4:56 estoy confundido

[@DesarrolloUtil]

Buenas Yayo, claro y lo que he comentado no invalida lo del video. Tienes que pensar que el spread actúa de una u otra forma en función de si lo aplicas sobre un array o sobre un objeto. En ese ejemplo cogemos dos arrays y hacemos spread de los mismos en otro, por ello los juntamos en un único array. Pero al final 7:20, hablamos sobre cómo actúa con los objetos.

[@undavv]

Hola! como hago para que se vea los resultados? al costado derecho gracias!

[@DesarrolloUtil]

La terminal del propio VSCode, se puede poner como pestaña a la derecha. Luego a mayores puedes utilizar nodemon para tener un servidor que se reinicia con los nuevos cambios cada vez que guardas. Justo explico lo de nodemon en el último vídeo que hemos subido, el del package.json

[@fernandoo]

😎

[@Xanderlml]

excelente, lo había visto en un video y me puse a buscar: javascript que significa 3 puntos XD

[@DesarrolloUtil]

EL SEO funciona 😂😂😂

[@CarlosGaliano111]

Muy bueno el video pero la letra muy pequeña para Mobile. Lastima

[@DesarrolloUtil]

Hay que intentar buscar un equilibrio, si le damos más zoom es bastante complejo para trabajar!

[@jesusenrique2004]

spread: 🚫 spris: 👍 XD

[@icedev8078]

Ummm no sé porque la gente se complica tanto en la explicación del spread con palabras confusas sacadas de la documentación... Una forma fácil de explicar El spread es hay dos formas de copiar un objeto (todo lo que no sea un dato primitivo es un objeto, o sea un número un string un bool o un null o undefined) la referencia o la copia de valor, en la referencia de apunta el nuevo objeto a la misma posición de memoria por eso se llama referencia, porque referencia el mismo punto lugar en memoria, en contra la forma de copia por valor es eso una copia literal, a un nuevo lugar en memoria, en otros lenguajes debes especificar cómo deseas copiar en el caso de JavaScript la forma por default es copiar primitivos por valor y objetivos por referencia con el operador spread puedes copiar los objetos por valor y ya está no es más si quieres copia por valor usas el operador spread sino pues se copia en referencia y con el rest es una aplicación para la funciones que permite apuntar a todos los argumentos pero en mi opinión no es una variante en si, si son 3 puntos pero no es lo mismo saludos

[@DesarrolloUtil]

Entiendo tu punto, pero el mayor problema que encontramos a la hora de explicar JavaScript es justamente ese, que la mayoría de personas no saben diferenciar entre un primitivo y una referencia. De ahí que creamos que este vídeo puede ayudar!

[@estebancarreno7310]

muchas gracias