/*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.*/
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
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
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!
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
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) :)
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!
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
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?
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?
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;
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.
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
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
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!
Muchas gracias por todo el tiempo que invierten en estos videos. Saludos!
A vosotros por vernos!
lo he vuelto a ver , no es que quede claro, queda clarisimooo, gracias maquina
Me alegro!
Admirable la capacidad que tiene el "profe" para explicar...muy, muy claro. Muchas gracias.
Me alegro! Muchas gracias
Muy bien explicado, muy claro. Gracias
Gracias !!!! estoy seguro que esto mer servira en un futuro,
/*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.*/
este siempre ha sido un punto débil que he tenido con javascript, genial vídeo y buenísima explicación!
Bien bien!
Gran explicación, muchas gracias 👏
Muchas gracias a ti por vernos Brian!
Que fácil que explican todo. Espero no aflojen al canal, su manera de enseñar es muy claro!
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
Vaya vaya, con razon, no sabia que copiaba solo el primer nivel... interesantisimo.
Pues eso que te llevas!
Joda hasta que lo conseguí, gracias!
uufff no tenía idea de ese ultimo dato, del segundo nivel en adelante xD... excelente video
Pues a partir de ahora mucho ojo! 😂
Bien explicado. Visto bueno ✔✔
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
Muchísimas gracias. Me alegro de que te guste!
Muchísimas gracias... muy bien explicado!
Excelente video.
Es impresionante lo bien que explicas. Muchas gracias profe!
Gracias a ti Cristian!
excelente, me suscribí.
Excelente explicación
Muchas gracias!
Excelente explicación... Nunca he había quedado tan claro
Me alegro de leer eso!
Gracias por este video
que buen video bro
Muchas gracias
Gracias!!
Interesante la ultima explicacion.. Muy a tener en cuenta.
Muy bien explicado
excelente!!
clarisimo me quedo gracias
Me alegro!
Genial explicación. Gracias!!!!
Muchas gracias!
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!
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
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 ;)
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) :)
La magia no tiene límites... 😂
Buen video gracias
Gracias a ti!
Excelente el dato de los niveles en lo que podemos modificar. Eso es un error que todos tendríamos incursionando por primera vez.
Bastantes dolores de cabeza nos da!
wen video
Gracias!
😎
¿Qué tema de vs code utiliza en el vídeo?
Buen video, una pregunta un poco fuera de lugar, como hago para poner la consola del node.js a un lado del código?
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!
para modificar el segundo nivel de profundidad en la copia evitando que se edite el valor del objeto original como se podria hacer?
clonacion
de que formas ves el console log directamente en vscode? y como reeamplazas el nombre de variable en todo el archivo? THX
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
excelente, lo había visto en un video y me puse a buscar: javascript que significa 3 puntos XD
EL SEO funciona 😂😂😂
Buen día, que pasa si realizó un spread operator de 2 objetos que comparten una propiedad,
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!
@@DesarrolloUtil gracias
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?
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?
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;
@@DesarrolloUtil Muchísimas gracias : )
@@DesarrolloUtil Pero en el video dijiste que los junta en un array 4:56 estoy confundido
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.
Muy bueno el video pero la letra muy pequeña para Mobile. Lastima
Hay que intentar buscar un equilibrio, si le damos más zoom es bastante complejo para trabajar!
Hola! como hago para que se vea los resultados? al costado derecho
gracias!
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
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
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!
spread: 🚫
spris: 👍
XD
muchas gracias