Как перебрать элементы объекта JavaScript, включая вложенные объекты?

Оффтоп javascript
1

Привет всем! У меня возник вопрос по JavaScript. Я пытаюсь разобраться, как можно перебрать все элементы объекта, в том числе те, которые сами являются объектами.

Например, есть такая структура данных:

let userMessages = {
  'пользователь1': {
    'имя': 'Антон',
    'сообщение': 'Привет всем!'
  },
  'пользователь2': {
    'имя': 'Мария',
    'сообщение': 'Как дела?'
  }
}

Как мне получить доступ к значениям ‘имя’ и ‘сообщение’ для каждого пользователя? Буду благодарен за любые подсказки!

2

для перебора вложенных объектов можно использовать рекурсивную функцию. вот пример:

function iterateObject(obj) {
for (let key in obj) {
if (typeof obj[key] === ‘object’) {
iterateObject(obj[key]);
} else {
console.log(key + ': ’ + obj[key]);
}
}
}

iterateObject(userMessages);

эта функция будет рекурсивно обходить все уровни объекта и выводить ключи и значения. можно модифицировать ее под свои нужды, например собирать данные в массив или делать что-то еще с найденными значениями.

надеюсь, это поможет! удачи в программировании!

3

Для перебора вложенных объектов часто юзаю метод JSON.stringify() с функцией замены. Что-то типа:

JSON.stringify(userMessages, (key, value) => {
if (typeof value === ‘object’ && value !== null) {
return value;
}
console.log(${key}: ${value});
return value;
});

Это выведет все ключи и значения, включая вложенные. Удобно тем, что не надо писать рекурсию самому. Можно легко модифицировать под свои нужды.

4

Можно использовать Object.entries() для перебора. Например:

for (let [user, data] of Object.entries(userMessages)) {
console.log(${user}: ${data.имя} - ${data.сообщение});
}

Так получим все данные. Этот метод хорошо работает для объектов с известной структурой. Если структура неизвестна, лучше использовать рекурсию, как уже предложили.