ARRAYS ✅ MAP, FOREACH, REDUCE y mucho MÁS! 😎 Curso de JAVASCRIPT desde CERO #6

[@servalico]

Por fin alguien que explica Javascript de forma entendible, deteniéndose en los temas más liosos para desgranarlos y absorverlos mejor.

[@DorianDesings]

Así da gusto!!! Profesores que recurren a la documentación oficial, así sí!! :-)

[@DesarrolloUtil]

Muchas gracias mozuelo ;)

[@apnealouro6290]

Tenéis un don para la enseñanza. Genial chicos. Para cuando el Video 7 ?? Se nos esta haciendo la espera muy larga.... Gracias"!

[@fpicado1]

La explicación de splice me ha salvado la vida, gracias!

[@DesarrolloUtil]

Muchas gracias!

[@georgematrix5931]

oye estaba siguiendo tus tutoriales, muy buenos por cierto, pero al inicio pusiste un rolononon y lo tuve que buscar en spotify, muy buenos videos y buena rola, sigue asi!!!

[@JoseLuisRodriguez-vy3ch]

Gracias Pablo, Excelente explicación!!

[@kraim5632]

De los mejores canales que encontre... Y no mire pocos. Felicitaciones y muchisimas gracias por su trabajo...

[@DesarrolloUtil]

Muchísimas gracias a ti!

[@luismonagas573]

Excelente superPablo.. muchas gracias desde Venezuela (10/02/2023)

[@jordinodejs3291]

Así da gusto aprender con vosotros, máquinas!. Nada que ver a cómo explican en un FP.

[@DesarrolloUtil]

Me alegro!

[@nicoux9581]

👏😁 Implementar el índice es una genialidad. Muchas gracias

[@hugorivas9681]

que bien explicado!!! gracias.

[@daniellanciotti8908]

Muy Buena explicación, todo muy claro!!!...me fue sumamente útil. Gracias

[@DesarrolloUtil]

Me alegro!

[@gustavovierci6056]

excelente video, muy clarificador!

[@lucascabrera2518]

Genial este video, de los mejor que vi sobre el tema. Felicitaciones!

[@DesarrolloUtil]

Muchas gracias!

[@franmartin2758]

Muchas gracias por este curso bien explicado. Seguir así subiendo videos de estos.

[@DesarrolloUtil]

Muchas gracias! Seguiremos con ello

[@DKRunker]

Vamos a ver qué maravilla habéis grabado ahora, luego comento sobre ello, pero tal y como ibais con el curso seguro que es muy buen material

[@DKRunker]

Que bueno, esto si que está bien explicado y, además, en profundidad. En otros sitios habría que pagar por algo de este nivel

[@sebarosas8090]

Muchas gracias! Explicas muy muy muy bien!

[@x_y_z_y_x]

Hola pablo, desde ya muchísimas gracias por todo tu desempeño tu claridad y tu buen panorama al explicar de buena forma, didáctica y abarcando conceptos sin truncamientos teóricos. ¿no te gustaría hacer un video con las extensiones que usas y porque las usas? porque me di cuenta por ejemplo que me perdía un poco el no tener esos cambios de colores que sí veo en tu código. y quizás así como ese ejemplo particular, también existen varias extensiones útiles que podrían servirnos.

[@DesarrolloUtil]

Buenas Dei. Lo primero, muchísimas gracias! Respecto al tema de color que utilizo, es Monokai Vibrant, que realmente es lo más relevante. El aspecto de las extensiones, tenemos planteado hacer un vídeo sólo de eso, pero actualmente estamos de trabajo hasta arriba, y el poco tiempo que tenemos, se lo dedicamos a los cursos de React y Node que tenemos en proceso actualmente. No obstante, aunque lo hagamos en un futuro, si quieres algo de info al respecto, te recomiendo que te pases cualquier directo por Twitch y allí lo mostramos!

[@x_y_z_y_x]

@@DesarrolloUtil oooh que grandee, me contestaste re rapidoo, gracias ♥ Bueno, perfecto, en twitch me puedo comunicar entonces, una maravilla la verdad. gracias un abrazo . sigo adelante ☺

[@DiegoArteaga95]

me gusto mucho explicas super bien. gracias

[@DesarrolloUtil]

Muchas gracias!

[@JuanLuisRamosjuanito]

Muchas gracias

[@aquiestamosenyoutubeundiamas]

Gracias por el vídeo

[@joseramon3159]

Gracias 👍

[@DesarrolloUtil]

A ti!

[@fabyanrm9]

Buenas noches... como hago para convertir un arreglo de objetos ( [{a:1},{b:2},{c:3}] ) en un solo objeto de la forma: {a:1, b:2, c:3} ???? agradezco de antemano la ayuda ...

[@DesarrolloUtil]

Puedes hacerlo fácilmente con un reduce y el spread operator, pero tienes que saber bien cómo funciona. Te pongo el código por aquí: const array = [{a:1}, {b:2}] array.reduce( (a,b) => ({...a,...b}) , { }) Fíjate bien que en este caso, reduce recibe dos parámetros: - (a,b) -> ({...a,...b}) -> Sería el callback del reduce - { } -> Sería el valor incial del propio reducer Espero que te sirva y, si no, puedes pasarte por nuestro canal de Discord y te lo explico mejor por allí!

[@nubevento2025]

Hola! Gracias por tan valioso contenido! Estoy con todo en este curso, una pregunta, la explicación de como funciona reduce a partir del minuto 27, me suena a sucesión de fibonacci, Puede ser? que se suma el último con su antesesor... Saludos!

[@DesarrolloUtil]

Realmente no funciona así, lo que hace no es sumar el último con el anterior, sino con todos los anteriores. Al final es un acumulador!

[@arielfuentes3775]

si en lugar de cantidad tuviera un id y quisiera sumar los precios de todos los id 1, los id 2 y así sucesivamente?

[@DesarrolloUtil]

No entiendo muy bien a qué te refieres. Podrías pasarnos tu duda por Discord?

[@dieguitto3528]

Canela fina!

[@CodeMaker23]

seria genial si explicaran el Objeto Map() y el Objeto Set(), y algun otro que me este olvidando

[@DesarrolloUtil]

Tenemos pendiente hacer más contenido de JS, así que en algún momento llegará. Si quieres una explicación más rápida puedes pasarte por nuestro Discord o Twitch!

[@CodeMaker23]

@@DesarrolloUtil estoy super atento a todo su contenido, justo lo saquen lo vere, pero de igual modo estare molestandolos por discord y twitch

[@Pablo-io2js]

Hola, muy buen video. Consulta: si tuviese un array con objetos que tienen métodos previamente creados, con forEach ¿Podría modificar cada objeto indicándole su método? Y luego ¿Podría ver el array original modificado con forEach? Se me complica entender la utilidad del forEach. Gracias y saludos!

[@DesarrolloUtil]

Podrías hacerlo, pero no sé si realmente eres consciente de por qué. Lo puedes hacer porque cuando modificas un objeto, dentro de un array, el array no cambia pero el objeto de dentro sí, es decir, la referencia al objeto es la misma, pero el contenido del objeto (su estado) ha cambiado. Para que lo entiendas de verdad, tienes que entender la diferencia entre primitivos y referencias.

[@ismvizco5591]

No estoy de acuerdo con tu última parte del video. En el ejemplo que das se puede perfectamente usar reduce() sobre los objetos. Por ejemplo, para sacar el precio total de todas las facturas seria tal que así: const totalFacturas = facturas.reduce((total,obj) => { //a la izquierda el acumulador, a la derecha el obj de cada pos del array total += obj.precio * obj.cantidad; return total; },0); Y vuolá. Ahí tendrías todos los precios de tus facturas en una variable. Si quisieras calcular el IVA de ese total, lo puedes hacer fuera o en el mismo reduce con un IF const total_factura_iva = facturas.reduce((total, obj,i) => { total += obj.precio * obj.cantidad; if (i === facturas.length - 1){ total *= 1.21; } return total; },0);

[@FidesRatio]

que paso con este canal que no sacó mas contenido? pintaba muy bien

[@DesarrolloUtil]

Muy buenas Alejandro, tuvimos un pico de trabajo bastante largo pero pronto volvemos a la carga, no obstante hacemos directos todas las semanas en Twitch por si quieres pasarte tbm. Muchas gracias por el feedback

[@arielfuentes3775]

deberias subirle el volumen a tus videos, se oye muy bajo

[@DesarrolloUtil]

En principio lo tenemos como marca KZbin y nunca nos han dado problemas, pero lo miraré de todas maneras!

[@cesarzenteno907]

No seria ( + IVA ?) , que * IVA?

[@DesarrolloUtil]

El IVA es un porcentaje, hay que multiplicarlo!

[@sebastianrc1976]

Buenas chicos. Sería mala práctica hacer lo siguiente con reduce... const totalFactura = factura.reduce( (total, item) => total + item.precio * item.cantidad * IVA, 0 ); De esa manera no necesitaríamos el map, y obtendríamos el mismo resultado. Donde 0 sería el valor inicial que tomará el "acumulador" total.

[@DesarrolloUtil]

Buenas, no no habría ningún problema en realizarlo así. Es una forma más compacta, nosotros en los vídeos tratamos de simplificarlo para que la gente lo entienda, pero esta forma esta muy bien si entiendes bien los conceptos. Muchas gracias por el aporte 😀

[@sebastianrc1976]

@@DesarrolloUtil Gracias a ustedes por tanto aporte!!!

[@BitcoinAndTraders]

mi hija esta mirando y me dice " y si en vez de agregar cosas a la lista con esos agregadores y eliminadores, modificas la lista original y listo? XD y la verdad que no se que decirle...