Curso JavaScript: 53. Iterables & Iterators -

[@RoyArrascaeta]

No es la primera vez que se asoma Kenai jajaja, pero hoy tuvo más diálogo.

[@MaxielJohannaCamargoGomez]

Creí estar en la mitad del curso(me desconecto una semana) y sopresa @jonmircha me sube 100 video mas. jajajaja :)

[@jonmircha]

jajajajajaja

[@agustinmayora.s8254]

Hace al menos 1 o 2 años que intento aprender programacion, dejando y volviendo, con familia y trabajando es dificil tener tiempo.. pero eres la ultima esperanza jajaja, gracias por enseñarnos con tanta dedicacion

[@jonmircha]

Suerte!!!

[@giancarlofernandez5950]

Dale que tu puedes bro, buena suerte en tu proceso.

[@elweonweandolaweafome]

Hola amigos, acá dejo una función flecha para iterar cosas iterables con el metodo Symbol.iterator y next: const printIterator = (value) => { const iterator = value[Symbol.iterator](); let result = iterator.next(); while (!result.done) { console.log(result.value); result = iterator.next(); } }

[@Ni_idea_de_tecnologia]

Pues otra forma de recorrer. Madre mía a este paso no vamos a saber cual usar. Muchas gracias Mr Mircha

[@themagoleo666]

3:13 El perrito también quiere aprender javascript

[@nikolahs92]

sept 11 1969**Oct 3 2023 gracias excelente curso felicidades John Mircha

[@jonmircha]

Gracias, saludos

[@luismonagas573]

Dandole Like 👍👍 de nuevo a este hermoso curso de JAVASCRIPT.. Muchas gracias..Saludos desde Venezuela (25/04/2023)🙋‍♂🙋‍♂🙋‍♂🙋‍♂

[@jonmircha]

😉👋🏻

[@ricardogonzales9531]

Antes ví dos videos relacionados con iterators. Jon el tuyo desde lejos el mejor. gracias. Cariños a kEnai

[@jonmircha]

Un saludo👋🏻😉

[@isabelacosta6440]

amoo a kenai😍 y excelente clase como siempre !!

[@jonmircha]

Mil gracias!👋🏻😉🦊

[@geinerlara2509]

Esto no lo conocía de los Iterators muy bueno. gracia por estas explicaciones, e alcanzado a entender muchas cosas que las hacia mecánicamente .

[@jonmircha]

Con gusto

[@olimpomacea5279]

Jajaja que lindo kenai, Muchas gracias por el contenido Jon

[@jonmircha]

😉👋🏻

[@hugrillo84]

jajaja genial el minuto 3.20 del curso con kenai, ojala salga mas seguido

[@jonmircha]

👋🏻🦊

[@brigadasgrifo]

Genio!, inspiras a enseñar también. Si aparece más tu perro esta buenisimo también.

[@jonmircha]

[@williamalexanderpineda6098]

Excelente vídeo. Grande Kenai interrumpiendo a Jon

[@jonmircha]

🦊😅

[@carlosjavierorozco8418]

Excelente! gracias

[@jonmircha]

Gracias por comentar

[@hernansanabria9685]

gracias excelente video

[@jonmircha]

Gracias por comentar

[@reaperdiper7512]

Esto ya lo habia visto en mongodb , buen video profe jon

[@jonmircha]

👋🏻😉

[@daironperezfrias7819]

Ese can se parece al que tengo en la casa jajaj quiere estar presente en todo !!! Gracias por todo este curso y los demas !!!!!

[@jonmircha]

[@Juankybi]

const Kenai= new Set[guau, guau, grrrr, guau, aiaiaiai]

[@carlosurtubia8265]

Muy buena explicación, gracias por tu contenido

[@jonmircha]

Gracias por comentar

[@carlesbautista8293]

Gracias de nuevo Jonathan, bien entendido y muy bien explicado, saludos a Kenai :)

[@jonmircha]

:)

[@leonardoprone5967]

Bien explicado, gracias Jon!

[@jonmircha]

Gracias por comentar

[@elchente859]

Muy buen curso profesor

[@jonmircha]

Gracias por comentar

[@mbassano]

Lo que mas claro me quedo de los iterables: que lindos que son los perros 🥰

[@braianrico4422]

Recién comienzo a ver el video y tu perro la saco del estadio jajajaj Gracias Jon por todo tu contenido, tu disposición y tu existencia...Queremos más de Jon por mucho mucho tiempo !!!! y de kenai también 🐕🐕🐕 🧙‍♂️🧙‍♂️🧙‍♂️

[@braianrico4422]

De seguro el ladrido de tu fiera fue por el trabalenguas 🤣🤣🤣

[@jonmircha]

🙌🏻

[@instintoimagen]

El mejor curso de Javascript. Kenai le pone un poco de ritmo a algunos contenidos teoricos que a veces son un poco densos. ja ja ja, invitalo a otros videos!!!

[@jonmircha]

🤣🤣

[@Matioloco]

Excelente explicacion, me sirvio un monton, gracias por subir contenido como este!

[@jonmircha]

Con mucho gusto

[@estivenmayhuay5626]

Muchas gracias @jonmircha por compartir tus conocimientos en lo personal lo agradezco y valoró mucho 😃

[@jonmircha]

😉👍🏻

[@lernjergui3018]

4:37 ahí empieza el video

[@jonmircha]

😉👍🏻

[@arangosilvaerickfernando3240]

Excelente trabajo profe, siga así 🙇‍♂️

[@jonmircha]

De nada, comparte para llegar a más personas :)

[@daviddelarosavaladez4883]

Muy buen contenido

[@jonmircha]

Gracias

[@sofrielcasas4003]

Explicacion exelente, Gracias profe

[@jonmircha]

Con mucho gusto

[@maiasolaris3255]

Kenai seguro estaba diciendo que le demos me gusta al video y lo compartamos para llegar a más personas :)

[@jonmircha]

👍🔔

[@timawid]

kEnAi nos mandó un saludo 👏❇️ Excelente video 🙌

[@jonmircha]

Saludos 🤗🦊

[@johnherrera5913]

Master! Muy bueno el tutorial, muchas gracias!

[@jonmircha]

Gracias por comentar

[@heferh4320]

entonces, resumiendo ... // acceder a la interfaz especial de un iterable const it = [3,4,5] // puede ser string iterator, array iterator, set iterator , etc (todo dato iterable) const interfazIt = it[Symbol.iterator](); // y a su vez con next () podemos tanto recorrerla, y saber en que elemento esta (como un apuntador) console.log (interfazIt.next()); console.log (interfazIt.next()); console.log (interfazIt.next()); console.log (interfazIt.next()); // para evitar hacerlo manualmente podemos aplicarle next a esta interfaz en una estructura de control iteradora // donde la variable que contiene el objeto con next() se reasigna al siguiente elemento

[@jonmircha]

😉👍🏻

[@juancruzledesma5693]

Tuve que volver atras al video como 5 veces porque me concentraba mas viendolo a kEnAi creyendo que iba a volver a ladrar que escuchandote jajaja Me parece que le estaba exigiendo cariño y comida (?

[@jonmircha]

jajajajaja

[@grovercristobal1767]

jajaja muy curiosa la mascotita de Kenai!

[@jonmircha]

[@Juicio87]

Ahh pensé que podría acceder a la referencia del tipo de dato Set usando la indexación después de haberlo iterado con el método next() pero nop, se debe seguir usando el Array.from() para ello.

[@jonmircha]

😉👍🏻

[@josemanuelherrero6495]

¡PUM! El perrito !!!!!!! Genial!!!!

[@heimancastro1954]

👍👍👍👍👍

[@juanpablocabero6619]

KeNaI también participando, el tb es el protagonista, slds

[@jonmircha]

[@luismonagas573]

Excelete entrega del curso.. Por cierto como está KNai?.. Ya debe tebe 9 años.. Gracias profe!.. Saludos desde Venezuela (30/01/2023)😀😀😀

[@jonmircha]

👋🏻😉

[@irving7653]

Me encanto la reacción de John al voltear a ver a su cachorro JAJAJA

[@jonmircha]

😂

[@jorzondelgado9906]

Hola Jon, gracias por tus cursos. Una pregunta, esta forma de recorrer un array o una cadena, es usada? Tiene alguna diferencia con un for? Gracias.

[@jonmircha]

Si es usada

[@heferh4320]

por cierto , pude replicar lo de While con un for: const s = new Set([2,3,4,true,false,null, false, "hola","mundo"]) const int = s[Symbol.iterator](); for (let i = int.next(); i.done !== true; i = int.next()){ console.log (i.value); } aunque se vea mas rebuscado, me pareció interesante ; cuando lo estuve haciendo al principio tenia sentido en mi cabeza, pero luego me di cuenta que nunca hice un for con un inicializador que no sea un numero (en este caso es el objeto del next()), por lo que pensé que daría error pero funciono

[@jonmircha]

👍🏻

[@pablofc6910]

Hola! no entiendo cuando se usa un iterador y por qué no se hace directamente con un bucle for por ejemplo

[@matiastorres5993]

kenai es genial!jajaja

[@jonmircha]

🦊

[@rafaelmontenegrob]

jajaja la mejor clase por el invitado KeNai :)

[@jonmircha]

[@srcuyo]

gracias por tanto jon!

[@jonmircha]

😉👋🏻

[@helipalacio8772]

👏👏👏 🙏🙏🙏

[@jonmircha]

👋🏻😉

[@derrbass]

kEnAi brooo i love u

[@jonmircha]

[@brandon400]

El perro😍gran video jon

[@soygabomota2569]

KEEEEENAIIIIII

[@Tommi8801]

Holaa, en que casos deberiamos usar el Iterator?

[@-theghost-9381]

Hola, lograste saber para qué sirvem?

[@osakadev]

kenai hizo de este capítulo el mejor

[@jonmircha]

🦊😅

[@sedwarb]

hola jon, no te parece complicarse la vida usando ese tipo de iteracion?, cuando puedes usar un for of en cualquier iterable sin symbol ni next

[@jonmircha]

Sí un poco, al final yo sólo les proporciono lo que ofrece el lenguaje, de cada uno depende que usar

[@jasserblanco2805]

JAJAJAJAAJ LA MEJOR PARTE FUE DONDE APARECIO KENAI A OPINAR :V GRANDE MIRCHA

[@jonmircha]

[@IsaacGarcia-qq8oq]

"ey tu callate" jaja, que lindo es Kenai.

[@jonmircha]

[@Karen-fy7mq]

Ay kenai, no me muerdas la mano 🤗 Like si viste hasta el ultimo segundo

[@jonmircha]

🦊

[@albertosoto4953]

Queremos ver mas a kenai!!!

[@jonmircha]

[@helipalacio8772]

👨

[@jonmircha]

👋🏻😉

[@miformadepensar]

const iterador = iterable[Symbol.iterator]() no entendi que funcionablidad tiene el () es para que admita todo los valores dentro de una propiedad ?

[@cashedev]

Fíjate que lo que hay dentro de iterable[Symbol.iterator] es una función y los () lo que hacen es hacer que la función corra

[@nachitoiq5073]

Me recomiendas algún curso para mejorar mis habilidades en Javascript ya llevo rato con este lenguaje y no es por ego y nada de eso , pero ya tengo un nivel intermedio y quiero ser experto en este lenguaje.

[@jonmircha]

Si consideras que tus conocimientos son intermedios, estas listo para esto eloquentjavascript.net/

[@gabrielguzman5835]

jajajajajaj Kenai solo quería decir unos ladridos a su querido publico, no lo regañes, solo fue una pequeña intervención.

[@jonmircha]

😅

[@luissalinasarevalo468]

amo a Kenai

[@jonmircha]

[@wilmeralexanderv9078]

Pero para eso no estan los for o los while? no entiendo su uso si ya existen estos otros dos mencionados

[@jonmircha]

Estos son tipos de datos no estructuras de control

[@juandavidpenalozahernandez7703]

🤓

[@jonmircha]

😉👋🏻

[@gogetacode8145]

yo buscando a un perro en mi casa!!!, mira hasta una sonrisa me robaste, gracias crack

[@GamerD9]

Cual es la diferencia entre Object [Array Iterator] {} y [object Array Iterator]

[@GAST0N]

03:15 ¿Qué miraba Kenai?

[@jonmircha]

Más bien olfateaba a otro perro que pasaba afuera de nuestro balcón 🦊🐶

[@user87546]

Estas ultimas 5 clases estoy como "WTF a quien se le ocurre agregar estas caracteristicas a JS y para qué? 🤨"

[@jonatanosorioarcila8437]

Kenai quería hacer su aporte jejejej, por fin se le quito la timidez y decidió hablar. ejjeje saludos

[@jonmircha]

🙈

[@PedroChuc]

hasta es obediente el perrito hahahaha

[@jonmircha]

cuando quiere 🤨

[@wilmeralexanderv9078]

kenai decia: ey espera ellos aun no han visto manejo del DOM jejejej

[@jonmircha]

😆🤭

[@EdgarLopezMGS]

Wow wow wow 😂

[@Stephanie-gs4sz]

Holaaaa KeNaIcitoooo :) *>

[@jonmircha]

[@DiegoMejia1310]

Alguien me explica lo que hace la reasignación de valor al NEXT (por así decirlo). No me quedó muy claro. Solo sé que si lo quito es un bucle sin fin while(!next.done){ console.log(next.value); next = iterador.next(); }

[@jonmircha]

Es el elemento que controla el ciclo del iterado, como la variable que controla el for

[@MsRodrivas]

Si lo quitas te hace un loop infinito como dices por que estaras evaluando la misma condicion siempre, en cambio si lo pones estaras moviendote a la siguiente posicion hasta que la ultima posicion el valor de done: sea true y se termine el while

[@Juicio87]

Piensa en ello como si fuera el i++ que usábamos al principio del curso solo que en este caso tienes que volver a ejecutar el método next() para que pase al siguiente elemento. Antes nosotros creábamos el iterador "artificialmente" (let i = 0); ahora estamos usando un método que es un iterador en sí mismo. Modificamos la variable next = iterador.next() para que next obtenga la nueva iteración y haga su comprobación en el while. Son 5 iteraciones en total en este caso; en cada iteración el programa devuelve un objeto con las propiedades value y done; a next le estás pasando cada vez un objeto distinto, por eso accedemos al valor que nos interesa, que en este caso es el booleano, con next.done. Si no modificaras la variable next estaría validando el mismo objeto con la propiedad value en "false" y por eso crearías un loop infinito.

[@shepharddeveloper5823]

10:57 puse guardar para ver que hacia console.log y paso otra vez lo del loop xD tuve que cerrar el google chrome :c

[@jonmircha]

😅

[@yordiic.e2029]

JAJAJJA, KENAI QUERE SER PARTICIPE DEL CURSO

[@jonmircha]

[@freddyarriagacruz8987]

jajajajajja por fin conocemos a tu mascota XD... bellisimo

[@jonmircha]

[@partucero2000]

Kenai vio un fantasma!!!

[@jonmircha]

🦊😱👻

[@victormontivero1998]

KEnAi uso console.log("Guuuau Guuuau")

[@jonmircha]

[@willianenriquecuevarivas7957]

sabia que en algun momento el perrito se manifestaria XD

[@valentinserassio4742]

Kenai

[@jonmircha]

👋🏻🦊

[@djhalek2749]

aparecio kenai

[@jonmircha]

:)

[@manuelcobasguerra5688]

Para Cuando Curso De Django? o Flask?

[@jonmircha]

No creo que pronto, son tecnologías que no manejo, pero si se viene un o de React :) Pronto

[@manuelcobasguerra5688]

@@jonmircha Me Encantaria un Curso de React De Verdad Mil Gracias Explicas Super Bien

[@victormaldonado6269]

@@jonmircha Tomé clases de HTML y CSS en otro lado, pero viendo sus clases creo que me voy a repetir esos temas con usted y voy a necesitar el de un framework, ya había decidido por vue y le escuché mencionarlo, entonces lo obvio es preguntarle si hay posibilidad que tengamos los cursos de vue en su canal.

[@jeskk3389]

@@jonmircha Esperamos pronto el de React Muchas Gracias !! :D

[@erickpereira7463]

No regañes al Kenai, es un buen muchacho

[@jonmircha]

🦊😅

[@rutita]

Este like es para Kenai !!!

[@jonmircha]

🦊

[@puky1336]

uichu (Perro) Kenai

[@jonmircha]

[@moronsantiago]

Ese perro sabe más de programación que yo 🤣 ladrido autorizado

[@jonmircha]

👋🏻😉🦊

[@Alehophophop]

Primera vez que repetí el vídeo porque no lo entendí a la primera, culpa de Kenai jajajajaja jajajajaja

[@jonmircha]

🤭

[@programadorx8364]

Kenai robandose la atencion xD

[@jonmircha]

[@moiseshernandez5897]

Like si desde que aparecio Kenai le prestaste mas atencion a lo que el hacia y a ver si volvia a ladrar, que a la clase y lo que el profe estaba diciendo! Jajajaja

[@jonmircha]

😂🤣

[@bernyabreu42]

Ey tu callate! - Memorable!

[@jonmircha]

😂

[@yovanyescobarrojas2041]

noo profe mircha me quedo con los ciclos :for, foreach , map, filter etc, me parece que toca dar mucha vuelta para lograr o mostrar un resultado , de todos modos es mi humilde opinión

[@jonmircha]

Cada quien es libre de usar lo que mejor le convega 😉

[@javierherasalcuaz]

Like por tu perro xD

[@jonmircha]

[@bigbbadbear]

Ey tu . . . callate. . . . JAJAJAJA

[@jonmircha]

😅🦊

[@glendaguerrero1619]

No entiendo porque dices que mientras next.done sea falso iteras porque lo que veo alli es que next.done ya es falso y si lo niegas seria verdadero y ya no podrias iterar

[@DavidFPozo]

Eso es porque next.done sera falso cuando ya no haya un elemento para iterar, no porque sea falso por naturaleza, digase, si el array hubiese sido [1] en vez de [1, 2, 3, 4, 5] entonces next.done hubiese sido verdadero. Espero esto sea de alguna ayuda!