JavaScript loop through object (keys and values)

const obj1 = {

  a: 'str',

  b: 55,

  c: true

};

 

// version 1

Object.entries(obj1).forEach(([key, value]) => {

  console.log(`${key}: ${value}`);

});



// version 2

Object.keys(obj1).forEach((key) => {

  console.log(`${key}: ${obj1[key]}`);

});

 

// version 3

for (const [key, value] of Object.entries(obj1)) {

  console.log(`${key}: ${value}`);

}

 

// version 4

for (const prop in obj1) {

  console.log(`${prop}: ${obj1[prop]}`);

}

 

// expected output for all versions:

// "a: str"

// "b: 55"

// "c: true"

• Object.entries() on MDN
• Object.keys() on MDN
• Object.values() on MDN
• for-in on MDN