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
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
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!
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
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 }
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
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
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 :)
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..
'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.
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!
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
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!
"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
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!
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
This helped clear the difference between the 2 loops, thanks a lot
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
}
This makes a lot of sense. I see how I need to restructure the semantics of my knockoff JavaScript interpreter.
Thank you! had to watch it few times but you taught it VERY well. Kudos!
Thank God you have two arms Beau!
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
Thank you for this! You've clearly described the difference between the two! 💪🏽
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!
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
your videos are helping me with the "WHY?" . thank you for these. :):)
is it your actual typing speed? or editing?
editing
No, its fast forward, haven't you noticed the cursor blink?
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
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 :)
ty for explanation clear and to the point.
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
Thank you mate, best as always
feels like javaScript god made these videos :D
Thank you for this
Your explanations are awesome! Just for the records...you are the usain bolt of typing
Thanks Tom Green
is it possible to iterate through the values of the object with the for...in -- not using object.values ()
Thank you
Is he using code pen?
good explanation 👍
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.
you are so good
Wonder if I can use this code for evil,,, hmmm
underrated
tnx duuuude🙂
Please give me the application you used to write this
Code Pen
perfect video :)
Dude you're best, and bearded, HAHAHA
tks
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
strange i have two arms too :o
kim bor
Typical showing of your 2 arms