Get key and value of object in JavaScript

Question

Given a JavaScript array of objects  how can I get the key and value of each object   The code below shows what I d like to do  but obviously doesn t work   var top brands        Adidas    100       Nike    50     var brand options       top-brands      each top brands  function       brand options append     lt option   gt    val this key  text this key          this value          So  how can I get this key and this value for each entry in the array

User · Accepted Answer

Change your object   var top brands          key   Adidas   value  100         key   Nike   value  50       var  brand options       top-brands       each top brands  function brand       brand options append          lt option   gt    val brand key  text brand key         brand value             As a rule of thumb    An object has data and structure   Adidas    Nike   100 and 50 are data  Object keys are structure  Using data as the object key is semantically wrong  Avoid it    There are no semantics in  Nike  50   What s  Nike   What s 50    key   Nike   value  50  is a little better  since now you can iterate an array of these objects and values are at predictable places  This makes it easy to write code that handles them   Better still would be  vendor   Nike   itemsSold  50   because now values are not only at predictable places  they also have meaningful names  Technically that s the same thing as above  but now a person would also understand what the values are supposed to mean

User · Answer

If this is all the object is going to store  then best literal would be  var top brands          Adidas    100       Nike      50          Then all you need is a for   in loop   for  var key in top brands       console log key  top brands key

User · Answer

for  var i in a       console log a i  i

User · Answer

Object keys top brands  forEach function key      var value   top brands key        use  key  and  value  here          Btw  note that Object keys and forEach are not available in ancient browsers  but you should use some polyfill anyway

User · Answer

each top brands  function index  el      for  var key in el        if  el hasOwnProperty key              brand options append     lt option   gt    val key  text key         el key                     But if your data structure is var top brands      Adidas   100   Nike   50    then thing will be much more simple   for  var key in top brands      if  top brands hasOwnProperty key            brand options append     lt option   gt    val key  text key         el key             Or use the jquery each     each top brands  function key  value        brand options append     lt option   gt    val key  text key          value

User · Answer

each top brands  function       var key   Object keys this  0     var value   this key     brand options append     lt option   gt    val key  text key          value

[javascript] Get key and value of object in JavaScript?

Examples related to javascript

Examples related to jquery