Latest JavaScript Features: Making Use of Iterators

You may have heard of iterators, but have you created one? An iterator is a unique JavaScript construct, and we are going to take a look at it in this tutorial.
Would you like to help keep this channel going?
allthingsjavascript.com/contri...
Access to EVERY course (get 2 months free): www.skillshare.com/r/profile/...
Courses offered on Udemy at a discount (access from my site): allthingsjavascript.com/course...
For more resources on JavaScript:
www.allthingsjavascript.com
#javascript #AllThingsJavaScriptLLC

[@gmjitendra]

Excellent explanation. Thank you. I'm watching all other tutorials.

[@AllThingsJavaScript]

Glad to hear it!

[@arturoguillen]

Amazing content. You deserve more views, my friend.

[@AllThingsJavaScript]

Thanks for the feedback!

[@yasarhussain3811]

excellent

[@debadipti]

thanks sir

[@user-gg5nh1mf6l]

thanks

[@21rogerwaters]

Why are you using var instead const or let?

[@AllThingsJavaScript]

I try to use what best expresses my intention with whatever I'm defining. (Although, sometimes I will use var by default because I'm so used to it.) In this case I use var because these are declared on the global scope. If they were something I had no intention of changing I would use const. I usually use let inside a block. Simply personal preference on a lot of these reasons.

[@fazzyakamello]

A Question: Why should we consider using iterator as oppose to for loop? I didn't quite understand this bit...

[@AllThingsJavaScript]

A for loop iterates through all the values at once. If you don't need to iterate through all the values at once but need a value every so often, this is ideal. For example, lets say you need to grab a value from the array each time a button is clicked. A loop won't work for this, but an iterator will.

[@KenzoArts]

​@@AllThingsJavaScript But in order grab that value, you will need an if statement on array.next(), i guess ? I still don't get how that will not use a for loop, could you please clarify a bit? Thanks for wonderful tutorials

[@fazzyakamello]

All Things JavaScript, LLC ah ok makes sense!

[@AllThingsJavaScript]

@@KenzoArts You can grab that value without an if statement (it.next().value), but if you need to check the value, then yes you would need an if statement. Does that help?

[@KenzoArts]

@@AllThingsJavaScript Excellent, it make now sense !! Thanks a lot for this wonderful tutorial

[@aymanayman9000]

Why they didn't implement it like python why all of this madness of has next and the object container in python you loop and if there's nothing next raise stop iteration error just like that

[@akshay__sood]

Objects aren't iterable right?

[@AllThingsJavaScript]

That is correct, but you can use something like Object.keys, Object.entries to create iterables of the properties.

[@akshay__sood]

@@AllThingsJavaScript yes that can be done those methods are always there.
Just wanted to confirm...
Just curious to know how do you identify what is iterable and what is not?
I know of a way, want to know of your's.

[@AllThingsJavaScript]

@@akshay__sood So one practical way to tell is if you can use a for...of loop on it. Then it is an iterable. You can turn something into an iterable bay adding a method to it using Symbol.iterator. Technically that is what makes it iterable. Even though objects are not iterable by default, they can be made to be.

[@akshay__sood]

@@AllThingsJavaScript exactly whenever you declare anything and do console.dir and if you can find Symbol.iterator then it is an iterable.

[@AllThingsJavaScript]

@@akshay__soodSymbols are usually hidden, so that may not always work.