Как пройтись по элементам объекта JavaScript?

У меня есть объект JavaScript следующего вида:

var userData = {
    "name": "Иван",
    "age": "25",
    "city": "Москва"
};

Как можно перебрать все ключи и значения этого объекта? Я хочу узнать, как получить name, age, city и их соответствующие значения. Я пробовал несколько подходов, но не знаю, какой из них лучший.

А я обычно делаю через Object.keys() когда нужны именно ключи:

Object.keys(userData).forEach(key => {
    console.log('Ключ:', key, 'Значение:', userData[key]);
});

Мне нравится, что сначала видишь все ключи, а потом работаешь с ними. Особенно удобно когда надо фильтровать или проверять ключи перед обработкой значений.

Я бы использовал Object.entries() - возвращает массив пар [ключ, значение]:

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

Выглядит современнее и читается проще. Какой вариант тебе больше подходит?

Используй цикл for…in для перебора ключей объекта:

for (let key in userData) {
    console.log(key + ': ' + userData[key]);
}

Еще есть Object.keys() для получения массива ключей или Object.entries() для пар ключ-значение. Но for…in проще для новичков.