Javascript Tip #2 - 3 ways to iterate through object keys

js-tip2.js

/* Tweet: https://twitter.com/AnsonH_/status/1435562848399228936?s=20 */

const student = { name: "Tom", age: 20, gender: "male" };

// Method 1: for-in loop
for (const key in student) {
  console.log(key + ": " + student[key]);
}

// Method 2: Object.keys()
Object.keys(student).forEach(key => {
  console.log(key + ": " + student[key]);
})

// Method 3: Object.entries()
for (let [key, value] of Object.entries(student)) {
  console.log(key + ": " + value);
}

Further links:

• Stack Overflow question
• MDN reference: Object.keys()
• MDN reference: Object.entries()