I really needed this. Concise, clear, straight to the point, and easy to understand. I don't get why free RUclips videos break down concepts way better than courses I had to go and pay for. Thanks a lot.
Wow man, that was really very great! Thank you a lot. I've been looking up tutorials on the subject for the whole day... And this tutorial here is the best by far :)
I'm going through codecademy at the moment and there are bits that confuse me for various reasons, these videos you've uploaded are helping massively! They have helped me cement so many bits of knowledge in place and I feel like i see clearer afterwards :D
Hey Steve! I think you're one of the die-heart fan of Game of Thrones as I am...🍷 Well, thanks a lot for this tutorial! By the way which is your favorite character in GOT?
@@SteveGriffith-Prof3ssorSt3v3 Well that's a lot of names, but my favorite forever is ''Tyrion''. 😊 And I'm eagerly waiting for 'House of Dragons'. Hope you are too.
Steve, this work of yours is gold. Truly. Edit: One doubt though. What if we had an anonymous function as a value of some key inside an object. What happens to that? I'm fairly new to JS and programming in general, but I haven't saw we declaring a function inside an array.
The values assigned to the keys in an object can be anything, including an anonymous function. Functions in JavaScript are first class citizens. They can be passed around like any variable.
So say we convert an object to an array so we can use methods on it easier. After doing this, how would we convert the newly updated array back into the object that it came from?
Could you give any advice on how you'd access a specific entry without knowing the index number? Like if you were wanting to log 'Snow' without knowing it is [2][1], but you knew the key was 'jon'.
The key concept is accepting the fact that objects are not built with sequential properties. There is no number associated with the properties. Object.keys() gives you a list of the possible properties. Don't think of it as the order of properties.
These arrays are generated by the methods entries, values, and keys. If you add a new property to the object then the methods will return a new updated array.
@@SteveGriffith-Prof3ssorSt3v3 Thank for reply. Steve, I mean if I have an object with multiple arrays and I want to push random into one of these array any value what would be logic? Say, there is object { arr1[], arr2[], arr[] } and I want to push 'some value' into one of these arrays in my object. But I want it to do randomly and each array wont have any dublicates
@@elchino7672 That's several different things you are asking. Avoiding duplicates in arrays I talk about here - ruclips.net/video/uTGRJqn889Q/видео.html You can also covert to a Set and then back to an Array to remove duplicate values. Picking a random value - ruclips.net/video/hnOAL4qW5yY/видео.html myObject['arr1'].push( newThing ) is how you could add something to the array called arr1 inside of myObject. Here is my whole playlist about Arrays - ruclips.net/video/arIhhRd1RPc/видео.html
When you call the entries( ) method what you get is an array of arrays. Each of the inner arrays has two items - the key and the value. the key is item [0] and the value is item [1].
use any loop method you want (array map is best to create a new array from the old), take each string as you loop and call split(",") to break it apart on the comma. Then you have the two parts and can use the first part as the key and the second as the value.
This is great. How about other types of operations that could be done using an object like this? For example working with arrays against an object. How did it work superficially and under the hood? Thx
I have a whole playlist about Arrays - ruclips.net/video/arIhhRd1RPc/видео.html If you search for the keyword "Object" on my channel you will find a bunch of other related videos too.
@@SteveGriffith-Prof3ssorSt3v3 I'll go and look for the. I found code that goes like this let obj = {}: Let arr = ('a','b,'c'); And at some point in a loop they go like this this obj[arr[i]] . I was wondering, in gullible mode, if this a multiplication of some sort. I.e A*B(i)??I??? 🙂
As good as always - just one line - "these method will create array from Object then we can ... " - cleared my doubt, when I saw in few places map method is used after Object.entries - it created confusion. Aren't these ES8 methods ? Thank you so much.
Basically declare an empty object and then use pretty much any kind of loop to loop through the arrays using the same index to point to the matching item from each array. Here is one example. Let's say the two arrays are called `keys` and `vals`. let obj = { }; keys.forEach( (key, index) => { obj[key] = vals[index]; });
What do you mean by searching? Finding things in any array can be done with a variety of methods - includes( ), find( ), indexOf( ), etc. ruclips.net/video/w84qY9peByk/видео.html
I really needed this. Concise, clear, straight to the point, and easy to understand. I don't get why free RUclips videos break down concepts way better than courses I had to go and pay for. Thanks a lot.
Dude, straight to the point. Everything I needed, and although simple it was so hard to find it all compiled in one go like that. Go Canada!
Steve, you helped me solve in 2 minutes what I have spent the last hour on. THANK YOU!
Great explanation. Thanks a lot
Super depth in your voice, I like your voice very much it is very pleasant to hear.
I didn't think I even needed any further clarification on objects and arrays until I came across this video. This was perfectly explained.
Prof, your videos are devoid of fluff. You go straight to applicable functionality. Thanks for making it easier.
Very clear an concise 👌. Thanks man
I had to stop the video at 2:35 to come and thank you for your explanation. Straight and precise.Thank you again Steve
Thanks! Please share the channel to help other people too.
probably the best video I've seen on explaining this
YOUR EXPLANATION WAS WONDERFUL!!!!!
Wow man, that was really very great! Thank you a lot. I've been looking up tutorials on the subject for the whole day... And this tutorial here is the best by far :)
Thanks Steve, you've saved me hours of debugging!
Well-detailed explanation straight to the point.
I wasn’t aware of those methods. Great explanation as always!
Simple yet elegant explanation. Thanks a lot!
Great Video.
Short and straight forward
I'm new to all of this and the way you explain is so clear. Thank you for these videos!
I'm going through codecademy at the moment and there are bits that confuse me for various reasons, these videos you've uploaded are helping massively! They have helped me cement so many bits of knowledge in place and I feel like i see clearer afterwards :D
Recommending to all my friends also learning to code :D
Thanks!
dude I love you , you're literally saving my ass for my exams lol
Thx for the video, I was lost as to the difference, and this video made it clear.
best video for keys, values and entries., you gained a subscriber.
Your tutorials seriously provide something one really want to learn. Thank you very much,.
Thank god I know english, because your class was AMAZING, so simply! Thanks
Great Technical communication. Thank You! This is a very good Tutorial.
Amazing explanation. Thanks so much!
Thank you so much Steve! This is very easy to follow and it helps me out a lot!
Great tutorial! Straight to the point and well explained.
Thank you, this has help me understand better what .keys and .entries does.
You're a legend, Sir. Thank you so much!!!!
THANK YOU STEVE, this explanation helped so much
simple and great explained! thanks
Excellent Video - thank you.
Thanks this helped me, love the GOT reference😂
Wow, absolutely amazing 🙏
Easy explanation . Thank you
Hey Steve! I think you're one of the die-heart fan of Game of Thrones as I am...🍷
Well, thanks a lot for this tutorial!
By the way which is your favorite character in GOT?
Hard to say. There are many great characters. The Hound, Jorah Mormont, Tyrion, Arya, ...
@@SteveGriffith-Prof3ssorSt3v3 Well that's a lot of names, but my favorite forever is ''Tyrion''. 😊
And I'm eagerly waiting for 'House of Dragons'. Hope you are too.
Very clear and objective!! Thanks!
Great explanation
BTW nice to see a GOT fan
today I simply learned something interesting from this vidyo. Thanks for uploading.
😍
You are a great teacher
Thank you so much! Great video!
Thank you for making this video
Steve, this work of yours is gold. Truly.
Edit: One doubt though. What if we had an anonymous function as a value of some key inside an object. What happens to that? I'm fairly new to JS and programming in general, but I haven't saw we declaring a function inside an array.
The values assigned to the keys in an object can be anything, including an anonymous function.
Functions in JavaScript are first class citizens. They can be passed around like any variable.
Oh god... thank you so much! Great explanation! Following the channel right now
Great explaination thumbs up
Excellent, Stright to the Point
Perfectly explained, thank you !
Thanks a lot for the helpful video! Awesome job!
thank Steve , nice explanation!
very detailed explanation thankyou some much
Nice explanation .. , 👏👏✌
Thanks buddy! Great video, gunna subscribe. You have a nice teaching style
awesome Explanation..
great explanation thank you and westeros example it's very nice too :D
Very clear. Thanks @SteveGriffith
Thanks for the explanation.
So great bro I love those methods
Really very helpful. Thank you so much :)
Very good video 1000 likes for u
Another very cool tutorial!
Great video. Thank you, helped alot!!!
Thank you from the heart.
thank you , great explanation!
Helped a lot, thanks !
very well explained
THANK YOU 👏👏
can't help it, just had to comment this is really good. keep it up
lol I am guessing that you may be a fan of Game of Thrones? Nice explanation of the three functions for object. Thank you so much.
Amazing, thank you!
Great tut Steve. 👍
thanks a lot you are amazing and your explanation was so great and useful :)
Great Explanation Brother! You Deserved A Like From ME! Great Teaching Skills For Newbies.
brilliant clarifying,,,thanks so muchhh)
So say we convert an object to an array so we can use methods on it easier. After doing this, how would we convert the newly updated array back into the object that it came from?
We wouldn't. We would have the original object plus the new information we got from the array methods.
Dock Adams if it's a two dimensional array, then we can use the Object.fromEntries(arr) to convert back to object
Could you give any advice on how you'd access a specific entry without knowing the index number? Like if you were wanting to log 'Snow' without knowing it is [2][1], but you knew the key was 'jon'.
The key concept is accepting the fact that objects are not built with sequential properties. There is no number associated with the properties. Object.keys() gives you a list of the possible properties. Don't think of it as the order of properties.
How do you change the name of a key. Say, if I wanted to add an ‘s’ character onto the end of keys that held array objects as their values?
You cant change the name of a key. You can create a new key, copy the value of the old key to the new key and then delete the old one.
A fellow GOT fan
Hi. Thank you for great esplanation. Question: How add new value in one of these array?
These arrays are generated by the methods entries, values, and keys. If you add a new property to the object then the methods will return a new updated array.
@@SteveGriffith-Prof3ssorSt3v3 Thank for reply. Steve, I mean if I have an object with multiple arrays and I want to push random into one of these array any value what would be logic? Say, there is object { arr1[], arr2[], arr[] } and I want to push 'some value' into one of these arrays in my object. But I want it to do randomly and each array wont have any dublicates
@@elchino7672 That's several different things you are asking. Avoiding duplicates in arrays I talk about here - ruclips.net/video/uTGRJqn889Q/видео.html
You can also covert to a Set and then back to an Array to remove duplicate values.
Picking a random value - ruclips.net/video/hnOAL4qW5yY/видео.html
myObject['arr1'].push( newThing ) is how you could add something to the array called arr1 inside of myObject.
Here is my whole playlist about Arrays - ruclips.net/video/arIhhRd1RPc/видео.html
I totally understand, thx
thank you so much sir
if you create an array, you have a .entries method with that array, how to use that. When i logged in console, it says iterable array.
When you call the entries( ) method what you get is an array of arrays. Each of the inner arrays has two items - the key and the value. the key is item [0] and the value is item [1].
@@SteveGriffith-Prof3ssorSt3v3 thank you very much.
Thanks mate.
Hi Prof.Griffith How do i convert ["3,1", "4,2", "5,10"] into key vals
use any loop method you want (array map is best to create a new array from the old), take each string as you loop and call split(",") to break it apart on the comma. Then you have the two parts and can use the first part as the key and the second as the value.
@@SteveGriffith-Prof3ssorSt3v3 thankyou appreciate it
What a great voice!
This is great. How about other types of operations that could be done using an object like this?
For example working with arrays against an object. How did it work superficially and under the hood?
Thx
I have a whole playlist about Arrays - ruclips.net/video/arIhhRd1RPc/видео.html
If you search for the keyword "Object" on my channel you will find a bunch of other related videos too.
@@SteveGriffith-Prof3ssorSt3v3 I'll go and look for the. I found code that goes like this let obj = {}:
Let arr = ('a','b,'c');
And at some point in a loop they go like this this obj[arr[i]] . I was wondering, in gullible mode, if this a multiplication of some sort. I.e A*B(i)??I??? 🙂
@@jaimedpcaus1 Not multiplication. Nested looping. ruclips.net/video/AqgVLYpBWG8/видео.html
FANTASTIC!!! Such a good explanation. Thank you very much!
Great explanation, has anyone mentioned you sound just like Tyrion? it felt a bit like im listening to him guiding me trough object methods :P
Lol. Haven't heard Tyrion before. Bob Ross, Liam Neeson, Christian Slater, Bryan Cranston, Corpse Husband, Tiger Dad, and lots of others. 😀
@@SteveGriffith-Prof3ssorSt3v3 haha maybe the object's context gave me the reference :P
Greeat job!! Thank you!
As good as always - just one line - "these method will create array from Object then we can ... " - cleared my doubt, when I saw in few places map method is used after Object.entries - it created confusion.
Aren't these ES8 methods ?
Thank you so much.
They are ES6 methods. Widely supported.
Thank you!
Thank you soo much
Great ExplaNATION
🔥🔥🔥
how to contruct an object through two different arrays one for key and another for values
Basically declare an empty object and then use pretty much any kind of loop to loop through the arrays using the same index to point to the matching item from each array.
Here is one example. Let's say the two arrays are called `keys` and `vals`.
let obj = { };
keys.forEach( (key, index) => {
obj[key] = vals[index];
});
that was very helpful
Ty soo much!
what about searching by either key or value?
What do you mean by searching? Finding things in any array can be done with a variety of methods - includes( ), find( ), indexOf( ), etc. ruclips.net/video/w84qY9peByk/видео.html
@@SteveGriffith-Prof3ssorSt3v3 got it. Meant this gishtah.medium.com/javascript-object-entries-method-47e26b4c6c58
You can also look at this - ruclips.net/video/G662_abEci0/видео.html as a solution to that
@@SteveGriffith-Prof3ssorSt3v3 cool! thx for the link
it really helps
thanks a lot