Just remember! 1. for (every prop in objects) { // do this } **objects - enumerable** 2. for (every item of array) { // do this } **arrays - iterable***
another helpful way to think about for...in when dealing with arrays: for...in looping will return the INdex of an array for...of looping will return the value OF an array
Wow, this is quite good! Though I think that instead of "x" the first variable name should've been "propertyName" -- just to make it more explicit and thus clear what's happening. And then maybe go over the code with "x" afterwards just to show that it really doesn't matter what that first variable is called. Slightly more problematically, in the beginning, stating that "'for...in' will loop through property names and 'for...of' will loop through property values" can be confusing at first when compared to the later statement (beginning at around 2:15) that the former works on what is enumerable while the latter what is iterable. In that vein, finally, I also thought that the later contrast between the two was good but felt just a bit rushed somehow. Still, overall a nice video for us beginners; thanks!
I was trying to understand this video i watched it many time but no point Then I decided to take break 30 min and come back to concentrate in last 10 video in this tuturiol and come back to this video just in one minute i find it very simple and clear new lesson today to take break after study couple of hour then come back will find everything easy, I love your video really very clear and important for everyone want to be perofessinal in JS Thank you bro
just remember by this: for (let index in Arr) { console.log(index + Arr[index] ); //gives fname beau } for (let item of Arr) { console.log(item); //gives 3,5,7 }
Why use For Of loop when you could just use a traditional loop to get the job done? I'm guessing it costs less memory, but with this explanation For Of and traditional loops seems identical. Cheers :)
To those who maybe are still confused I'm going to help you out and I'm going to be very specific with each individual word because they all mean something very important. ( let x in person ) - Also known as - ( Let X go into the variable person ) 1. (let) - tells x what to do 2. (x)- is what will be going into something 3. (In) - tells x to attach to the key properties inside the object 4. (person) - is the destination for x
Because the foo property is created as a key because arrays are actuallyobjects in js,... But the keys for arrays are indices therefore the value of the key foo cannot be added to the array.... Note sure if I'm making sense to you..
one way of remembering : 'i' n --> ob 'j' ect [look visually similar] so the other must be : off --> array OR "I want to get to know you _in person_ " if you know that person is normally best as an object ?
yeah i did not understand shoit. Mainly cuz i have more of a problem understanding syntax. It's so helpful when code is turned into english text, then I get it mad quickk
'for of' only sees the iterable ""parts"" of an object, in this case [3,5,7] (an array, which is iterable). 'for of' will ignore key:value pairs because they are not iterable.
I’m stuck on fitting a method inside a function. 😖 it sounds so simple! I can get it to run without being in a function (.split()) but the assignment is to create a function that splits a string of first + last name into an array of the split 2 strings. 😫 this seems like it should be simple
Great explanation. If I got it correct, in this case we can access "person" and "arr" let-type variables anywhere in the code, because they were declared in general scope? Am I right?
MAAN! You helped me so much! in the first 10s you just explained a stuff I spent a few hours to know and couldn't. You're amazing!
"for in" loops through innumerable properties, property "names" 0:05:
--1:58-2:16, object defined properties
--3:12, array numeric indexes & object defined properties
"for of" loops through iterable objects (i.e. array, map, set), property "values" 0:08:
--4:01-4:18, values in arrays
very well put summary, but is it "innumerable" or "enumerable"? Those two words are antonyms
Just remember!
1. for (every prop in objects) { // do this } **objects - enumerable**
2. for (every item of array) { // do this } **arrays - iterable***
bruuuh this makes it so much easier to understand tyty
bruh i watch the video im getting more confused and after reading this comment i starting to understand :v
another helpful way to think about for...in when dealing with arrays:
for...in looping will return the INdex of an array
for...of looping will return the value OF an array
Wow, this is quite good! Though I think that instead of "x" the first variable name should've been "propertyName" -- just to make it more explicit and thus clear what's happening. And then maybe go over the code with "x" afterwards just to show that it really doesn't matter what that first variable is called.
Slightly more problematically, in the beginning, stating that "'for...in' will loop through property names and 'for...of' will loop through property values" can be confusing at first when compared to the later statement (beginning at around 2:15) that the former works on what is enumerable while the latter what is iterable. In that vein, finally, I also thought that the later contrast between the two was good but felt just a bit rushed somehow.
Still, overall a nice video for us beginners; thanks!
This helped clear the difference between the 2 loops, thanks a lot
I was trying to understand this video i watched it many time but no point Then I decided to take break 30 min and come back to concentrate in last 10 video in this tuturiol and come back to this video just in one minute i find it very simple and clear new lesson today to take break after study couple of hour then come back will find everything easy, I love your video really very clear and important for everyone want to be perofessinal in JS Thank you bro
Same thing happens to me sometimes. Breaks can be really helpful!
Last ten, what? Seconds? This video is shorter than 10 minutes.
just remember by this:
for (let index in Arr) {
console.log(index + Arr[index] ); //gives fname beau
}
for (let item of Arr) {
console.log(item); //gives 3,5,7
}
Thank you! had to watch it few times but you taught it VERY well. Kudos!
is it your actual typing speed? or editing?
editing
No, its fast forward, haven't you noticed the cursor blink?
Why use For Of loop when you could just use a traditional loop to get the job done? I'm guessing it costs less memory, but with this explanation For Of and traditional loops seems identical. Cheers :)
This makes a lot of sense. I see how I need to restructure the semantics of my knockoff JavaScript interpreter.
Thank God you have two arms Beau!
Thanks for clearing my confusion between them :)
Need to watch another video on "for..in" loops on the objects..
Clearly and beautifully explained.
Thanks a lot!
Thanks Tom Green
XD Kukz A barrel roll! Ventrilo Harassment.
Thank you for this! You've clearly described the difference between the two! 💪🏽
ty for explanation clear and to the point.
To those who maybe are still confused I'm going to help you out and I'm going to be very specific with each individual word because they all mean something very important.
( let x in person ) - Also known as - ( Let X go into the variable person )
1. (let) - tells x what to do
2. (x)- is what will be going into something
3. (In) - tells x to attach to the key properties inside the object
4. (person) - is the destination for x
thanks but i have a question, in the end when you console log everything, why the for (of) loop didn't print the foo value ??
Because the foo property is created as a key because arrays are actuallyobjects in js,...
But the keys for arrays are indices therefore the value of the key foo cannot be added to the array....
Note sure if I'm making sense to you..
@@Shad1991 thank u! it really helps
your videos are helping me with the "WHY?" . thank you for these. :):)
one way of remembering : 'i' n --> ob 'j' ect [look visually similar]
so the other must be : off --> array
OR "I want to get to know you _in person_ " if you know that person is normally best as an object ?
yeah, very "intuitive" way
Is he using code pen?
yeah i did not understand shoit. Mainly cuz i have more of a problem understanding syntax. It's so helpful when code is turned into english text, then I get it mad quickk
Great explanation
Thank you
feels like javaScript god made these videos :D
Thank you for this
Bro, you confused me even further🥲
Same. Haha. Shalom.
why the `for of` can't output the `foo` value of the arr? It's confusing. Do you mind to explain that a little bit explicit? Many thanks.
'for of' only sees the iterable ""parts"" of an object, in this case [3,5,7] (an array, which is iterable).
'for of' will ignore key:value pairs because they are not iterable.
Thanks, btw how can I know the pair is iterabal or not
you should google "javascript iterables". It gets pretty complex, I don't know it so I can't explain.
Please give me the application you used to write this
Code Pen
I’m stuck on fitting a method inside a function. 😖 it sounds so simple!
I can get it to run without being in a function (.split()) but the assignment is to create a function that splits a string of first + last name into an array of the split 2 strings.
😫 this seems like it should be simple
is it possible to iterate through the values of the object with the for...in -- not using object.values ()
good explanation 👍
Your explanations are awesome! Just for the records...you are the usain bolt of typing
Wonder if I can use this code for evil,,, hmmm
Thank you
tnx duuuude🙂
underrated
What is "let"??
Check out this video for an explanation of let: ua-cam.com/video/1mgLWu69ijU/v-deo.html
Great explanation. If I got it correct, in this case we can access "person" and "arr" let-type variables anywhere in the code, because they were declared in general scope? Am I right?
Yeah, that is right.
new version of var
you are so good
perfect video :)
strange i have two arms too :o
tks
Dude you're best, and bearded, HAHAHA
kim bor
Typical showing of your 2 arms