Javascript Design Patterns #4 - Iterator Pattern

What is the Iterator design pattern?
The Iterator pattern is a pattern that allows you to effectively loop over a collection of objects. A common programming task is to traverse and manipulate a collection of objects. These collections may be stored as an array or perhaps something more complex, such as a tree or graph structure. In addition, you may need to access the items in the collection in a certain order, such as, front to back, back to front, depth first (as in tree searches), skip evenly numbered objects, etc.

The Iterator design pattern solves this problem by separating the collection of objects from the traversal of these objects by implementing a specialized 'iterator'!

📚Materials/References:

🌎 Find Me Here:

[Cambaudio]

Great explanation and to the point. I watched some other ones that were almost a half hour long and learned nothing. Overly complex and left me confused unlike your video. Thank you, please continue your tutorials!

[TheRealBwoi]

Very clear explanation and easy to understand examples. I love you vids man. Keep em coming

[Bobby-opip]

Really good material on this channel that has already helped thousands, and thousands to come! keep up the good work its much appreciated to find gems

[cody_codes]

Thank you again for all the great work 🙏😀 I see that switch to the dark theme btw, nice!

[celestecolamarino]

Your videos have been super helpful... Thank you!!!!

[neuodev]

I will "Iterate" throw this channel to learn more stuff!

[BORIS_NEKEZOV]

Thanks for the video. man! Simple and well explained!

[jora]

Great series. Vanillajs tutorials are very few

[JustinJohnMathews]

I can do this with while loop directly(without additional function call overhead), So what is the advantage here? Where does we use these pattern? Is this just for good readable code.

[spunkyPL]

I think that for better readability you should not shadow global variables (items). It can confuse newbies.

[dorianslavov]

What's the point in using this over a standard for-loop ?

[Uyghur_Ata]

great tutorial. I am noticing that you are using diffent websites for each tutorial, can I ask why?

[vaneetgupta]

why didn't we just define the methods hasNext and next inside the function Iterator itself? why did we use prototype here?

[aaf]

From where did . Prototype come from? 🤔🤔 Hasnext and next ⁉️

[jeanmarcpourchel]

hi,
i've learned a lot about design patterns(theory mainly). Most of the time they are explained for languages that implement interfaces (java, php, typescript etc...)
Do you know a way to simulate interfaces in javascript?

[matijatu]

An iterator in js seems kinda pointless to me, but maybe it makes sense to use them for very complex programs.

[prabu]

I know Some java frameworks follows this pattern.

[oridubi]

Scanner scanner = new Scanner(items);
while(scanner.hasNext()) {

}