Watch the entire #JavaScriptJanuary series from the beginning!

“For In” and “For Of” are ways to loop through objects or arrays.

“For In” loops through property names of an object. Remember that objects are made up of property, or key, value pairs. In order to get the values we will need to reference the original object and use square brackets to define the property.

“For In” will work with an array. Instead of a named property it will use the index of each value. In order to get the values we would have to reference the original array and use square brackets to define the index of the value. A better solution would be to use “For Of”.

“For Of” loops iterate through items in a collection such as an array. It’s very similar to the “For In” except this time we are using the “of” keyword and passing it an iterable instead of an object.

So if we use a “For Of” loop with an array then we will not have to reference the original array using indices. It will just give us the values directly.

Note that “For Of” will not work with Objects because they are not iterable. And just remember that “For In” is for Objects and “For Of” is for Arrays.

I’ll be releasing a new video every day in January! Stay tuned..
_____________________________________

📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________

🛠️ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course – https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

🤖 I now use AI-powered code completions thanks to Kite. You should too so grab it FREE: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development – Beginners Roadmap (2020) – https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr/
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#JavaScriptJanuary #31Days31Videos #codeSTACKr

source