No video

Object keys, values, and entries methods

  Рет қаралды 96,644

Steve Griffith - Prof3ssorSt3v3

Steve Griffith - Prof3ssorSt3v3

Күн бұрын

This video covers three Object methods - keys( ), values( ) and entries( ).
All three methods will create an iterable Array from the Object that you can then use in conjunction with other Array and iterable methods.
Code GIST: gist.github.co...
MDN Object.keys ref: developer.mozi...
MDN Object.values ref: developer.mozi...
MDN Object.entries ref: developer.mozi...

Пікірлер: 169
@guiguitoLemon
@guiguitoLemon 4 жыл бұрын
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!
@daeroi3116
@daeroi3116 2 жыл бұрын
I really needed this. Concise, clear, straight to the point, and easy to understand. I don't get why free KZfaq videos break down concepts way better than courses I had to go and pay for. Thanks a lot.
@kris8536
@kris8536 4 жыл бұрын
Steve, you helped me solve in 2 minutes what I have spent the last hour on. THANK YOU!
@TheMCVR
@TheMCVR 5 жыл бұрын
Super depth in your voice, I like your voice very much it is very pleasant to hear.
@user-id7tt9le4o
@user-id7tt9le4o 9 ай бұрын
Prof, your videos are devoid of fluff. You go straight to applicable functionality. Thanks for making it easier.
@vladimirzizic6874
@vladimirzizic6874 4 жыл бұрын
I didn't think I even needed any further clarification on objects and arrays until I came across this video. This was perfectly explained.
@vladislavbarbarii2089
@vladislavbarbarii2089 6 жыл бұрын
Great explanation. Thanks a lot
@catetodev5998
@catetodev5998 Жыл бұрын
Thank god I know english, because your class was AMAZING, so simply! Thanks
@staffordokoth5851
@staffordokoth5851 3 жыл бұрын
I had to stop the video at 2:35 to come and thank you for your explanation. Straight and precise.Thank you again Steve
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 3 жыл бұрын
Thanks! Please share the channel to help other people too.
@rachelbourne5338
@rachelbourne5338 3 жыл бұрын
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
@rachelbourne5338
@rachelbourne5338 3 жыл бұрын
Recommending to all my friends also learning to code :D
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 3 жыл бұрын
Thanks!
@jessicarodrigues-dlouhy575
@jessicarodrigues-dlouhy575 Жыл бұрын
YOUR EXPLANATION WAS WONDERFUL!!!!!
@jd_flick
@jd_flick 3 жыл бұрын
probably the best video I've seen on explaining this
@pasej5
@pasej5 Жыл бұрын
best video for keys, values and entries., you gained a subscriber.
@jase9389
@jase9389 4 ай бұрын
Thx for the video, I was lost as to the difference, and this video made it clear.
@soyaro
@soyaro 5 жыл бұрын
Thanks Steve, you've saved me hours of debugging!
@johnsonogbu8697
@johnsonogbu8697 Жыл бұрын
Great Video. Short and straight forward
@robertreimann1846
@robertreimann1846 4 жыл бұрын
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 :)
@rotrose7531
@rotrose7531 4 жыл бұрын
Your tutorials seriously provide something one really want to learn. Thank you very much,.
@Jeff-2112
@Jeff-2112 6 жыл бұрын
I wasn’t aware of those methods. Great explanation as always!
@cjm101
@cjm101 3 жыл бұрын
I'm new to all of this and the way you explain is so clear. Thank you for these videos!
@BestFoodReviewFeatured
@BestFoodReviewFeatured 2 жыл бұрын
Thank you, this has help me understand better what .keys and .entries does.
@benidibatia8918
@benidibatia8918 4 жыл бұрын
Well-detailed explanation straight to the point.
@mohammadrifakat7
@mohammadrifakat7 Жыл бұрын
today I simply learned something interesting from this vidyo. Thanks for uploading. 😍
@ChrisTian-ox5nr
@ChrisTian-ox5nr 4 жыл бұрын
Great Technical communication. Thank You! This is a very good Tutorial.
@javxa
@javxa 2 жыл бұрын
Simple yet elegant explanation. Thanks a lot!
@divyanshchoukse5454
@divyanshchoukse5454 Жыл бұрын
Great explanation BTW nice to see a GOT fan
@calebcadainoo
@calebcadainoo 2 жыл бұрын
Very clear an concise 👌. Thanks man
@mishanwong2393
@mishanwong2393 3 жыл бұрын
Thank you so much Steve! This is very easy to follow and it helps me out a lot!
@harsh_here
@harsh_here 2 жыл бұрын
You're a legend, Sir. Thank you so much!!!!
@erickchavez4551
@erickchavez4551 Жыл бұрын
Amazing explanation. Thanks so much!
@anshulmanapure1980
@anshulmanapure1980 2 жыл бұрын
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.
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 2 жыл бұрын
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.
@chesterxp508
@chesterxp508 2 жыл бұрын
Another very cool tutorial!
@vcnswamy8461
@vcnswamy8461 Жыл бұрын
Excellent, Stright to the Point
@madeyeatreides4055
@madeyeatreides4055 5 жыл бұрын
Thanks this helped me, love the GOT reference😂
@rn2782
@rn2782 8 ай бұрын
simple and great explained! thanks
@beccaadolph
@beccaadolph 4 жыл бұрын
Excellent Video - thank you.
@martingustafsson3828
@martingustafsson3828 4 жыл бұрын
Great tutorial! Straight to the point and well explained.
@alexmartin2054
@alexmartin2054 7 ай бұрын
great explanation, thank you!
@kranthikumar5215
@kranthikumar5215 3 жыл бұрын
You are a great teacher
@tonykieling7664
@tonykieling7664 5 жыл бұрын
Very clear and objective!! Thanks!
@muhammadashfaq913
@muhammadashfaq913 5 жыл бұрын
Great explaination thumbs up
@coffeeisthepathtovictory1290
@coffeeisthepathtovictory1290 2 жыл бұрын
Thank you for making this video
@emailme9112
@emailme9112 3 жыл бұрын
Nicely done! Thanks for the education.
@SrtaNatyOliveira
@SrtaNatyOliveira 4 жыл бұрын
Oh god... thank you so much! Great explanation! Following the channel right now
@danielaparicio3692
@danielaparicio3692 5 жыл бұрын
THANK YOU STEVE, this explanation helped so much
@tathagat9586
@tathagat9586 Жыл бұрын
Wow, absolutely amazing 🙏
@mezianibelkacem650
@mezianibelkacem650 2 жыл бұрын
great explanation thank you and westeros example it's very nice too :D
@chrislopez9665
@chrislopez9665 3 жыл бұрын
Thank you so much! Great video!
@codeymaze.
@codeymaze. 2 жыл бұрын
Easy explanation . Thank you
@xesiusprime9360
@xesiusprime9360 3 жыл бұрын
great explanation! thanks
@christmasvillage3652
@christmasvillage3652 5 жыл бұрын
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.
@DeepakSingh-oj9ot
@DeepakSingh-oj9ot 4 жыл бұрын
awesome Explanation..
@suvendubiswal6820
@suvendubiswal6820 Жыл бұрын
Very good video 1000 likes for u
@shawnwright4275
@shawnwright4275 Жыл бұрын
Very clear. Thanks @SteveGriffith
@sterling3419
@sterling3419 2 жыл бұрын
A fellow GOT fan
@Wwllmm_
@Wwllmm_ 2 жыл бұрын
Helped a lot, thanks !
@tutorsploitlearners2434
@tutorsploitlearners2434 Жыл бұрын
very well explained
@Thestorbob
@Thestorbob 4 ай бұрын
Amazing, thank you!
@nedlathium9492
@nedlathium9492 4 жыл бұрын
Perfectly explained, thank you !
@ademolaadeagbo9011
@ademolaadeagbo9011 5 жыл бұрын
can't help it, just had to comment this is really good. keep it up
@abhishekpatil6205
@abhishekpatil6205 2 жыл бұрын
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
@SteveGriffith-Prof3ssorSt3v3 2 жыл бұрын
Hard to say. There are many great characters. The Hound, Jorah Mormont, Tyrion, Arya, ...
@abhishekpatil6205
@abhishekpatil6205 2 жыл бұрын
@@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.
@abdulsami4618
@abdulsami4618 4 жыл бұрын
Great Explanation Brother! You Deserved A Like From ME! Great Teaching Skills For Newbies.
@josephgarza5973
@josephgarza5973 2 жыл бұрын
Thanks a lot for the helpful video! Awesome job!
@nasirshaik2662
@nasirshaik2662 5 жыл бұрын
very detailed explanation thankyou some much
@slimyelow
@slimyelow 4 жыл бұрын
What a great voice!
@alexsilva820
@alexsilva820 4 жыл бұрын
So great bro I love those methods
@claystation6360
@claystation6360 4 жыл бұрын
Thanks buddy! Great video, gunna subscribe. You have a nice teaching style
@adziiia1
@adziiia1 4 жыл бұрын
thank Steve , nice explanation!
@courtneybk9428
@courtneybk9428 4 ай бұрын
i love your videos!
@olawaseem
@olawaseem 4 жыл бұрын
Thank you from the heart.
@GauthamHC99
@GauthamHC99 2 жыл бұрын
Really very helpful. Thank you so much :)
@EnzoAuditore
@EnzoAuditore Жыл бұрын
Thanks mate.
@P_Ahmed_P
@P_Ahmed_P Жыл бұрын
challenge for you guys challenge . . The Main Object contains Three Nested Objects They are the same in every way except that one of them does not contain the game versions Use For Loop should only be used to loop elements All you have to do is solve the instructions and fill in the blanks to reach the desired result You must not change the structure of the code and all you have to write your code in place of the question marks // The Object To Work With let myFavGames = { "Trinity Universe": { publisher: "NIS America", price: 40, }, "Titan Quest": { publisher: "THQ", bestThree: { one: "Immortal Throne", two: "Ragnarök", three: "Atlantis", }, price: 50, }, YS: { publisher: "Falcom", bestThree: { one: "Oath in Felghana", two: "Ark Of Napishtim", three: "origin", }, price: 40, }, }; // Code One => How To Get Object Length ? let objectLength = "???????"; for (let i = 0; i < objectLength; i++) { console.log(`The Game Name Is ???????`); console.log(`The Publisher Is ???????`); console.log(`The Price Is ???????`); // Check If Nested Object Has Property (bestThree) if (???????) { console.log("- Game Has Releases"); console.log(`First => ???????`); console.log(`Second => ???????`); console.log(`Third => ???????`); } console.log("#".repeat(20)); } // Ouput "The Game Name Is Trinity Universe" "The Publisher Is NIS America" "The Price Is 40" "####################" "The Game Name Is Titan Quest" "The Publisher Is THQ" "The Price Is 50" "- Game Has Releases" "First => Immortal Throne" "Second => Ragnarök" "Third => Atlantis" "####################" "The Game Name Is YS" "The Publisher Is Falcom" "The Price Is 40" "- Game Has Releases" "First => Oath in Felghana" "Second => Ark Of Napishtim" "Third => origin" "####################"
@barungh
@barungh 5 жыл бұрын
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.
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 5 жыл бұрын
They are ES6 methods. Widely supported.
@SergioTortosa60m32
@SergioTortosa60m32 5 жыл бұрын
Thanks for the explanation.
@artsenm1327
@artsenm1327 6 жыл бұрын
Great tut Steve. 👍
@chakravarthykukkala7666
@chakravarthykukkala7666 4 жыл бұрын
Great ExplaNATION
@jordancoakley4832
@jordancoakley4832 3 жыл бұрын
Great video. Thank you, helped alot!!!
@sureshanands8594
@sureshanands8594 5 жыл бұрын
Nice explanation .. , 👏👏✌
@alexhitchins4339
@alexhitchins4339 4 жыл бұрын
FANTASTIC!!! Such a good explanation. Thank you very much!
@kalishamalama5805
@kalishamalama5805 5 жыл бұрын
Great stuff Man
@turkialharbi2136
@turkialharbi2136 3 жыл бұрын
Thank you!
@SoumyajitMandal
@SoumyajitMandal 2 жыл бұрын
it really helps
@saadsaif97
@saadsaif97 4 жыл бұрын
Thanks Man.
@Martin-sy4jt
@Martin-sy4jt 2 жыл бұрын
THANK YOU 👏👏
@ThatGuyDownInThe
@ThatGuyDownInThe 4 жыл бұрын
Good stuff.
@listgaus
@listgaus 3 жыл бұрын
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
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 3 жыл бұрын
Lol. Haven't heard Tyrion before. Bob Ross, Liam Neeson, Christian Slater, Bryan Cranston, Corpse Husband, Tiger Dad, and lots of others. 😀
@listgaus
@listgaus 3 жыл бұрын
@@SteveGriffith-Prof3ssorSt3v3 haha maybe the object's context gave me the reference :P
@surmanikonsam3793
@surmanikonsam3793 2 жыл бұрын
thank you so much sir
@mustafaalawad2667
@mustafaalawad2667 5 жыл бұрын
thanks a lot you are amazing and your explanation was so great and useful :)
@aidangasim
@aidangasim 4 жыл бұрын
brilliant clarifying,,,thanks so muchhh)
@Mrshaider79
@Mrshaider79 5 жыл бұрын
Greeat job!! Thank you!
@karma_yogi_42
@karma_yogi_42 4 жыл бұрын
awesome thanks!
@FromTheHeart-777
@FromTheHeart-777 3 жыл бұрын
Ty soo much!
@jaimedpcaus1
@jaimedpcaus1 2 жыл бұрын
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
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 2 жыл бұрын
I have a whole playlist about Arrays - kzfaq.info/get/bejne/l9h5m8uDyZe2gJc.html If you search for the keyword "Object" on my channel you will find a bunch of other related videos too.
@jaimedpcaus1
@jaimedpcaus1 2 жыл бұрын
@@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??? 🙂
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 2 жыл бұрын
@@jaimedpcaus1 Not multiplication. Nested looping. kzfaq.info/get/bejne/d9eXia-K1ai7d2w.html
@davidgriffin7632
@davidgriffin7632 2 жыл бұрын
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'.
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 2 жыл бұрын
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.
@sangrammukherjee9495
@sangrammukherjee9495 2 жыл бұрын
Thank you soo much
@hamidray2429
@hamidray2429 3 жыл бұрын
Great. useful
@bahrametemadi2258
@bahrametemadi2258 5 жыл бұрын
that was very helpful
@jp-hz6br
@jp-hz6br 3 жыл бұрын
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?
@SteveGriffith-Prof3ssorSt3v3
@SteveGriffith-Prof3ssorSt3v3 3 жыл бұрын
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.
@pyroghost11
@pyroghost11 5 жыл бұрын
Thanks man! this was the clarification I just needed!
What Is A Destructive Method
4:58
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 2,8 М.
Why Is Array/Object Destructuring So Useful And How To Use It
13:24
Web Dev Simplified
Рет қаралды 424 М.
Blue Food VS Red Food Emoji Mukbang
00:33
MOOMOO STUDIO [무무 스튜디오]
Рет қаралды 21 МЛН
what will you choose? #tiktok
00:14
Анастасия Тарасова
Рет қаралды 7 МЛН
这三姐弟太会藏了!#小丑#天使#路飞#家庭#搞笑
00:24
家庭搞笑日记
Рет қаралды 97 МЛН
Unveiling my winning secret to defeating Maxim!😎| Free Fire Official
00:14
Garena Free Fire Global
Рет қаралды 10 МЛН
Easy Ways to Loop Over Objects in JavaScript
11:21
dcode
Рет қаралды 10 М.
Array Methods in JavaScript | 17 Useful Methods
42:39
DoableDanny
Рет қаралды 53 М.
Object-Oriented Programming is Embarrassing: 4 Short Examples
28:03
JavaScript Pro Tips - Code This, NOT That
12:37
Fireship
Рет қаралды 2,5 МЛН
Object Oriented Programming vs Functional Programming
18:55
Continuous Delivery
Рет қаралды 752 М.
8 Must Know JavaScript Array Methods
10:05
Web Dev Simplified
Рет қаралды 1 МЛН
The Unreasonable Effectiveness Of Plain Text
14:37
No Boilerplate
Рет қаралды 599 М.
Learn JavaScript OBJECTS in 7 minutes! 🧍
7:01
Bro Code
Рет қаралды 53 М.
Heres how JavaScript's Nested Object Destructuring works
8:25
JavaScript Array forEach Method
4:40
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 92 М.
Blue Food VS Red Food Emoji Mukbang
00:33
MOOMOO STUDIO [무무 스튜디오]
Рет қаралды 21 МЛН