💖 Quokka, the funky inline evaluation tool used in the video (Show sponsor)
http://quokka.funfunfunction.com
🔗 Fun Fun Forum topic for the video
https://www.funfunforum.com/t/iterators-in-javascript-using-quokka/4533
🔗 Support the show by becoming a Patreon
🔗Code from the episode
https://github.com/mpj/funfuniterators
🔗 mpj on Twitter
Tweets by mpjme
🔗 Help translate the show to your language
http://www.youtube.com/timedtext_cs_panel?tab=2&c=UCO1cgjhGzsSYb1rsB4bFe4Q
Today, we’re going to talk about Iterators in JavaScript. Iterators in JavaScript are what the for … of loop uses when iterating over an Array, but the for … of loop can actually iterate over anything, built in JavaScript objects like Strings, Maps, Set or your own custom JavaScript objects, as long as those objects provide an Iterator.
Quokka is this great little plugin that provides inline evaluation of your JavaScript. You’ve seen me use Quokka a lot in Fun Fun Function videos to showcase JavaScript code, just because I think it’s a great tool, but this episode is actually graciously sponsored by Quokka, so as thanks for supporting the show, I’m going to show it off a little extra. If you want to check it out, go to http://quokka.funfunfunction.com.
💛 Follow on Twitch and support by becoming a Subscriber
We record the show live Mondays 7 AM PT
https://twitch.tv/funfunfunction
💛 Fun Fun Forum
Private discussion forum with other viewers in between shows. https://www.funfunforum.com. Available to patron members, become one at https://www.patreon.com/funfunfunction
💛 mpj on Twitter
Tweets by mpjme
💛 CircleCI (Show sponsor)
Robust and sleek Docker-based Continuous Integration as a service. I used CircleCI prior to them becoming a sponsor and I love that their free tier is powerful enough for small personal projects, even if they are private. Use this link when you sign up to let them know you came from here:
https://circleci.funfunfunction.com
💛 Quokka (Show sponsor)
Wonder how MPJ evaluates JavaScript inline his editor. Quokka is the answer – use this link when you buy to let them know you came from here:
http://quokka.funfunfunction.com
💛 FUN FUN FUNCTION
Since 2015, Fun Fun Function (FFF) is one of the longest running weekly YouTube shows on programming 🏅 thanks to its consistency and quality reaching 200,000+ developers.
🤦♂️ The Failing Together concept is what makes FFF unique. Most coding content out there focus on step-by-step tutorials. We think tutorials are too far removed from what everyday development is like. Instead, FFF has created a completely new learning environment where we grow from failure, by solving problems while intensively interacting with a live audience.
Tutorials try to solve a problem. Failing Together makes you grow as a developer and coworker.
📹 Each show is recorded live on Twitch in a 2-hour livestream on Mondays. The host, assisted by the audience, is tasked to complete a programming challenge by an expert guest. Like in the real world, we often fail, and learn from it. This, of course, reflects what the audience identifies with, and is one of the most praised aspects of the show.
⏯ On Fridays, an edited version of the show is adapted for and published on YouTube.
Content Topics revolve around: JavaScript, Functional Programming, Software Architecture, Quality Processes, Developer Career and Health, Team Collaboration, Software Development, Project Management
Original source
26 responses to “Iterators in JavaScript using Quokka.js”
One more thing, You can convert iterable objects to arrays using […dragonArmy] //? [ 'giant poison dragon', 'small lighning dragon' ]
Array.from(obj[, mapFn, thisArg]) makes a real Array of an iterable
5:07 how for…of gets the iterator from the array by calling the Symbol.iterator method on the array.
18:27 great summary!
nice
You look like Tony Stark
Hello and you are awesome.
You're sinusites most probably is an sideeffect of an emotional problem you have. I am in my second year working with a life coach and he helped me realized that everithing is related to our emotional part. So, since you asked, if you want to cure you're sinusites just go to a life coach 🙂
what is the //? macro he keeps doing? how do I get that?
Tony Stark MPJ is best MPJ
Love your videos! Funny and educational at one time
Sinisitus is most often caused by food allergies – in my case dairy, gluten, coffee (yes, I know…), soy, etc. Eliinate them all for 2 weeks and see if it clears up. If it does, case closed.
Try a salt nasal spray!
Great video!!
How many pairs of sunglasses do you have? I'll code an iterator for that…
What coding editor / extensions does MPJ uses in his videos?
17:30 could you say the function that returns next is a Higher Order Function?
I bet no one can explain better than you.
async iterators!!!
why do u use "[" around "Symbol.iterator" instead of the "." (dot).
dragons.Symbol.iterator()
dragons[Symbol.iterator]()
aren't they the same?
Your website is down. funfunfunction.com > Is it supposed to redirect to a new page?
Async Iterators, async iterators.
You look like Robert Whittaker.
2:33 – 2:44… OMG, that was awesome 😀
Sinusitis – neti pot
Rinse nose with soda and salt solution. Mix a spoon of each with a glass of room temperature water and put it into nose and wash out. Several times a day. Inhalations with eucalyptus oil too. Cut some onion and and garlic and breath their evaporations.
It's for managing sinusitis. But if it's chronical, do MRI, there might be a need for surgery.
Ginger tea won't really do much, but i like it. If you have Nasonex in Sweden, use it too, it's not much, but some help.
Hello, I think the point that you are trying to make actually is that there are "iterable" and "iterator". Array is an iterable sequence of elements, something you can iterate over. This interface (read contract) says that in order to comply with it, the sequence (data structure) must have a method (operator) named iterator which, when called, will generate an object with the iteration state that will return the real data for that position in the sequence.
As much as I loved your teaching style, this video felt like a Quokka ad more than a lesson.