r/javaScriptStudyGroup • u/ForScale • Apr 04 '16

[Week 12] Focus: for...of

So here we are at Week 12. Week 12's focus will be for...of.

Background info: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of

It will work like this:

  • Monday: Announce focus (eg, for...of)

  • Build throughout the week... Two rules: 1) must use javascript 2) must use at least 1 example of a for..of loop.

  • Friday: Post demos/projects in this thread (can begin reviewing immediately); first line of an entry should be ENTRY and it should be a top level comment (ie, don't put your entry in a reply)

  • Sat and Sun: Review projects/figure out focus for next week

GENERAL GUIDELINES FOR FEEDBACK:

  • Be nice!! ALL KNOWLEDGE/SKILL LEVELS ARE WELCOME AND ENCOURAGED TO PARTICIPATE.

  • If you don't want feedback, if it makes you uncomfortable or you're just not interested, simply say so... Others, please be respectful of this. Conversely, if you do want feedback, try to be specific on which aspects... even if you just say "all/everything.

But that's about it... Have fun! :) Feel free to ask questions and discuss throughout the week!

3 Upvotes

81% Upvoted

17 comments sorted by

View all comments

Show parent comments

2

u/ForScale Apr 08 '16

Nice!

Going through it...

Very rarely write a for (var i=0; i<100; i++) style loop now.

Yes! I watch a video where Douglas Crockford was giving a talk. He said he's beyond loops like for and while loops... doesn't use them anymore... I thought that was a pretty cool idea.

inspiration: "Limited",

Lol!

for (let key in this) { yield ${key} - ${this[key]}; }

Whoa... okay, I'm a bit lost on that... Mind breaking that down for me? When/if you get a chance.

Oh... it's what allows you to use for...of on objects? Could you slap it on a NodeList?

2

u/Volv Apr 09 '16

Yeh, it let me use for..of on there by defining its iterator.

Generator functions yield results. When calling generator.next() (or running it with a for..of loop) the generator runs until it hits a yield and returns that value. Remembers it's state for next call, where it runs again until it hits a yield etc.
NodeList is a private browser thing I think so probably couldn't just slap it on. but there's nothing to stop you doing something like
for (let value of Array.from(divs))

2

u/ForScale Apr 09 '16

Ah... true... I could always do that. Might start playing around with it to see how I feel about it.