How to get a key/value pair for an object

Question

This question may sound very stupid, but I want to get a key/value pair for my object:

var a = {"e":1,"d":3,"f":4}

I tried with Object.keys(a) // returns ["e", "d", "f"]

this does not get me the values associated with the keys, how can I get both to be able to display in a page.

html:

<div>
  <img src={value}/> //here i want value 1 to be displayed
{key} //with "e"
</div>

how do I do it? Thanks!!

Answer 1

Here you go. To get key/value pair from an object, do it like below using pure JavaScript way Object.entries():

var a = {"e":1,"d":3,"f":4}

for (const [key, value] of Object.entries(a)) {
  console.log(`${key} ${value}`);
}