JavaScript iterate through object keys and values

To iterate over object keys and values in JavaScript, you can use the for...in statement.

Here is an example:

const fruits = {
    orange: '🍊',
    lemon: '🍋',
    kiwi: '🥝',
    mango: '🥭'
}

for (const key in fruits) {
    if (fruits.hasOwnProperty(key)) {
        console.log(`${key}: ${fruits[key]}`)
    }
}

// orange: 🍊
// lemon: 🍋
// kiwi: 🥝
// mango: 🥭

Alternatively, you could also use the Object.entries() method to iterate over all key-value pairs:

Object.entries(fruits).forEach(([key, value]) => {
    console.log(`${key}: ${value}`)
})

// orange: 🍊
// lemon: 🍋
// kiwi: 🥝
// mango: 🥭

To iterate over object keys only, JavaScript provides the Object.keys() method:

Object.keys(fruits).forEach((key, index) => {
    console.log(`${key}: ${index}`)
})

// orange: 0
// lemon: 1
// kiwi: 2
// mango: 3

To iterate over object values only, just use the Object.values() method:

Object.values(fruits).forEach((value, index) => {
    console.log(`${value}: ${index}`)
})

// 🍊: 0
// 🍋: 1
// 🥝: 2
// 🥭: 3