Object keys, values, and entries methods

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 มิ.ย. 2018
  • 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.com/prof3ssorSt3v...
    MDN Object.keys ref: developer.mozilla.org/en-US/d...
    MDN Object.values ref: developer.mozilla.org/en-US/d...
    MDN Object.entries ref: developer.mozilla.org/en-US/d...

ความคิดเห็น • 169

  • @guiguitoLemon
    @guiguitoLemon 4 ปีที่แล้ว +29

    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!

  • @kris8536
    @kris8536 4 ปีที่แล้ว +10

    Steve, you helped me solve in 2 minutes what I have spent the last hour on. THANK YOU!

  • @daeroi3116
    @daeroi3116 2 ปีที่แล้ว +6

    I really needed this. Concise, clear, straight to the point, and easy to understand. I don't get why free TH-cam videos break down concepts way better than courses I had to go and pay for. Thanks a lot.

  • @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.

  • @robertreimann1846
    @robertreimann1846 4 ปีที่แล้ว +1

    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 :)

  • @cjm101
    @cjm101 3 ปีที่แล้ว

    I'm new to all of this and the way you explain is so clear. Thank you for these videos!

  • @vladislavbarbarii2089
    @vladislavbarbarii2089 6 ปีที่แล้ว +23

    Great explanation. Thanks a lot

  • @soyaro
    @soyaro 5 ปีที่แล้ว +2

    Thanks Steve, you've saved me hours of debugging!

  • @TheMCVR
    @TheMCVR 5 ปีที่แล้ว +6

    Super depth in your voice, I like your voice very much it is very pleasant to hear.

  • @Jeff-2112
    @Jeff-2112 6 ปีที่แล้ว +1

    I wasn’t aware of those methods. Great explanation as always!

  • @martingustafsson3828
    @martingustafsson3828 4 ปีที่แล้ว

    Great tutorial! Straight to the point and well explained.

  • @rotrose7531
    @rotrose7531 4 ปีที่แล้ว

    Your tutorials seriously provide something one really want to learn. Thank you very much,.

  • @javxa
    @javxa 2 ปีที่แล้ว

    Simple yet elegant explanation. Thanks a lot!

  • @mishanwong2393
    @mishanwong2393 3 ปีที่แล้ว

    Thank you so much Steve! This is very easy to follow and it helps me out a lot!

  • @jessicarodrigues-dlouhy575
    @jessicarodrigues-dlouhy575 ปีที่แล้ว

    YOUR EXPLANATION WAS WONDERFUL!!!!!

  • @benidibatia8918
    @benidibatia8918 4 ปีที่แล้ว +1

    Well-detailed explanation straight to the point.

  • @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

  • @user-id7tt9le4o
    @user-id7tt9le4o 8 หลายเดือนก่อน

    Prof, your videos are devoid of fluff. You go straight to applicable functionality. Thanks for making it easier.

  • @johnsonogbu8697
    @johnsonogbu8697 ปีที่แล้ว

    Great Video.
    Short and straight forward

  • @tonykieling7664
    @tonykieling7664 5 ปีที่แล้ว

    Very clear and objective!! Thanks!

  • @danielaparicio3692
    @danielaparicio3692 5 ปีที่แล้ว

    THANK YOU STEVE, this explanation helped so much

  • @jase9389
    @jase9389 3 หลายเดือนก่อน

    Thx for the video, I was lost as to the difference, and this video made it clear.

  • @nedlathium9492
    @nedlathium9492 4 ปีที่แล้ว

    Perfectly explained, thank you !

  • @SrtaNatyOliveira
    @SrtaNatyOliveira 4 ปีที่แล้ว

    Oh god... thank you so much! Great explanation! Following the channel right now

  • @jd_flick
    @jd_flick 3 ปีที่แล้ว

    probably the best video I've seen on explaining this

  • @emailme9112
    @emailme9112 3 ปีที่แล้ว

    Nicely done! Thanks for the education.

  • @chesterxp508
    @chesterxp508 2 ปีที่แล้ว

    Another very cool tutorial!

  • @ChrisTian-ox5nr
    @ChrisTian-ox5nr 4 ปีที่แล้ว +1

    Great Technical communication. Thank You! This is a very good Tutorial.

  • @chrislopez9665
    @chrislopez9665 2 ปีที่แล้ว

    Thank you so much! Great video!

  • @beccaadolph
    @beccaadolph 4 ปีที่แล้ว

    Excellent Video - thank you.

  • @erickchavez4551
    @erickchavez4551 ปีที่แล้ว

    Amazing explanation. Thanks so much!

  • @catetodev5998
    @catetodev5998 ปีที่แล้ว

    Thank god I know english, because your class was AMAZING, so simply! Thanks

  • @harsh_here
    @harsh_here 2 ปีที่แล้ว

    You're a legend, Sir. Thank you so much!!!!

  • @alexmartin2054
    @alexmartin2054 6 หลายเดือนก่อน

    great explanation, thank you!

  • @rn2782
    @rn2782 6 หลายเดือนก่อน

    simple and great explained! thanks

  • @calebcadainoo
    @calebcadainoo 2 ปีที่แล้ว +1

    Very clear an concise 👌. Thanks man

  • @josephgarza5973
    @josephgarza5973 2 ปีที่แล้ว

    Thanks a lot for the helpful video! Awesome job!

  • @Wwllmm_
    @Wwllmm_ ปีที่แล้ว

    Helped a lot, thanks !

  • @BestFoodReviewFeatured
    @BestFoodReviewFeatured 2 ปีที่แล้ว

    Thank you, this has help me understand better what .keys and .entries does.

  • @pasej5
    @pasej5 ปีที่แล้ว

    best video for keys, values and entries., you gained a subscriber.

  • @xesiusprime9360
    @xesiusprime9360 3 ปีที่แล้ว

    great explanation! thanks

  • @madeyeatreides4055
    @madeyeatreides4055 5 ปีที่แล้ว +1

    Thanks this helped me, love the GOT reference😂

  • @tathagat9586
    @tathagat9586 ปีที่แล้ว

    Wow, absolutely amazing 🙏

  • @coffeeisthepathtovictory1290
    @coffeeisthepathtovictory1290 ปีที่แล้ว

    Thank you for making this video

  • @claystation6360
    @claystation6360 4 ปีที่แล้ว

    Thanks buddy! Great video, gunna subscribe. You have a nice teaching style

  • @vcnswamy8461
    @vcnswamy8461 ปีที่แล้ว

    Excellent, Stright to the Point

  • @ademolaadeagbo9011
    @ademolaadeagbo9011 5 ปีที่แล้ว

    can't help it, just had to comment this is really good. keep it up

  • @codeymaze.
    @codeymaze. 2 ปีที่แล้ว

    Easy explanation . Thank you

  • @jordancoakley4832
    @jordancoakley4832 3 ปีที่แล้ว

    Great video. Thank you, helped alot!!!

  • @olawaseem
    @olawaseem 4 ปีที่แล้ว

    Thank you from the heart.

  • @nasirshaik2662
    @nasirshaik2662 5 ปีที่แล้ว

    very detailed explanation thankyou some much

  • @adziiia1
    @adziiia1 4 ปีที่แล้ว

    thank Steve , nice explanation!

  • @Thestorbob
    @Thestorbob 3 หลายเดือนก่อน

    Amazing, thank you!

  • @SergioTortosa60m32
    @SergioTortosa60m32 5 ปีที่แล้ว

    Thanks for the explanation.

  • @artsenm1327
    @artsenm1327 6 ปีที่แล้ว

    Great tut Steve. 👍

  • @alexsilva820
    @alexsilva820 4 ปีที่แล้ว

    So great bro I love those methods

  • @GauthamHC99
    @GauthamHC99 2 ปีที่แล้ว

    Really very helpful. Thank you so much :)

  • @rachelbourne5338
    @rachelbourne5338 3 ปีที่แล้ว +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

  • @mezianibelkacem650
    @mezianibelkacem650 ปีที่แล้ว

    great explanation thank you and westeros example it's very nice too :D

  • @DeepakSingh-oj9ot
    @DeepakSingh-oj9ot 4 ปีที่แล้ว

    awesome Explanation..

  • @divyanshchoukse5454
    @divyanshchoukse5454 ปีที่แล้ว

    Great explanation
    BTW nice to see a GOT fan

  • @Mrshaider79
    @Mrshaider79 4 ปีที่แล้ว

    Greeat job!! Thank you!

  • @kalishamalama5805
    @kalishamalama5805 5 ปีที่แล้ว

    Great stuff Man

  • @kranthikumar5215
    @kranthikumar5215 3 ปีที่แล้ว

    You are a great teacher

  • @mustafaalawad2667
    @mustafaalawad2667 5 ปีที่แล้ว

    thanks a lot you are amazing and your explanation was so great and useful :)

  • @muhammadashfaq913
    @muhammadashfaq913 5 ปีที่แล้ว

    Great explaination thumbs up

  • @tutorsploitlearners2434
    @tutorsploitlearners2434 ปีที่แล้ว

    very well explained

  • @shawnwright4275
    @shawnwright4275 ปีที่แล้ว

    Very clear. Thanks @SteveGriffith

  • @bahrametemadi2258
    @bahrametemadi2258 5 ปีที่แล้ว

    that was very helpful

  • @aidangasim
    @aidangasim 3 ปีที่แล้ว

    brilliant clarifying,,,thanks so muchhh)

  • @courtneybk9428
    @courtneybk9428 2 หลายเดือนก่อน

    i love your videos!

  • @abdulsami4618
    @abdulsami4618 4 ปีที่แล้ว

    Great Explanation Brother! You Deserved A Like From ME! Great Teaching Skills For Newbies.

  • @turkialharbi2136
    @turkialharbi2136 3 ปีที่แล้ว

    Thank you!

  • @EnzoAuditore
    @EnzoAuditore ปีที่แล้ว

    Thanks mate.

  • @mohammadrifakat7
    @mohammadrifakat7 ปีที่แล้ว

    today I simply learned something interesting from this vidyo. Thanks for uploading.
    😍

  • @saadsaif97
    @saadsaif97 4 ปีที่แล้ว

    Thanks Man.

  • @sureshanands8594
    @sureshanands8594 5 ปีที่แล้ว

    Nice explanation .. , 👏👏✌

  • @karma_yogi_42
    @karma_yogi_42 3 ปีที่แล้ว

    awesome thanks!

  • @FromTheHeart-777
    @FromTheHeart-777 3 ปีที่แล้ว

    Ty soo much!

  • @ThatGuyDownInThe
    @ThatGuyDownInThe 4 ปีที่แล้ว

    Good stuff.

  • @slimyelow
    @slimyelow 4 ปีที่แล้ว +1

    What a great voice!

  • @SoumyajitMandal
    @SoumyajitMandal 2 ปีที่แล้ว

    it really helps

  • @Martin-sy4jt
    @Martin-sy4jt 2 ปีที่แล้ว

    THANK YOU 👏👏

  • @sangrammukherjee9495
    @sangrammukherjee9495 2 ปีที่แล้ว

    Thank you soo much

  • @hamidray2429
    @hamidray2429 3 ปีที่แล้ว

    Great. useful

  • @pyroghost11
    @pyroghost11 5 ปีที่แล้ว

    Thanks man! this was the clarification I just needed!

  • @aleksandarstanisic1848
    @aleksandarstanisic1848 5 ปีที่แล้ว

    Ty mate ;D

  • @chakravarthykukkala7666
    @chakravarthykukkala7666 4 ปีที่แล้ว

    Great ExplaNATION

  • @surmanikonsam3793
    @surmanikonsam3793 2 ปีที่แล้ว

    thank you so much sir

  • @suvendubiswal6820
    @suvendubiswal6820 ปีที่แล้ว

    Very good video 1000 likes for u

  • @meraatmostafavi7758
    @meraatmostafavi7758 ปีที่แล้ว

    thanks a lot

  • @christmasvillage3652
    @christmasvillage3652 4 ปีที่แล้ว

    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.

  • @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.

  • @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.

  • @alexhitchins4339
    @alexhitchins4339 4 ปีที่แล้ว

    FANTASTIC!!! Such a good explanation. Thank you very much!

  • @sterling3419
    @sterling3419 2 ปีที่แล้ว +1

    A fellow GOT fan

  • @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.

  • @oghenefokethompson7407
    @oghenefokethompson7407 4 ปีที่แล้ว

    Thanks sir

  • @bribes_for_nouns
    @bribes_for_nouns 4 ปีที่แล้ว

    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?

    • @SteveGriffith-Prof3ssorSt3v3
      @SteveGriffith-Prof3ssorSt3v3  4 ปีที่แล้ว +1

      We wouldn't. We would have the original object plus the new information we got from the array methods.

    • @KishoreKumarmaistry
      @KishoreKumarmaistry 4 ปีที่แล้ว +1

      Dock Adams if it's a two dimensional array, then we can use the Object.fromEntries(arr) to convert back to object

  • @tyeellis1046
    @tyeellis1046 2 ปีที่แล้ว

    Nice