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

Оффтоп javascript
1

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

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

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

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

2

слушай, я тут недавно столкнулся с похожей задачкой. мой совет - попробуй метод Object.entries(). он дает массив пар ключ-значение, по которому легко пройтись. для вложенных объектов можно использовать что-то вроде:

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

это выведет имя и сообщение каждого пользователя. просто и понятно, без лишних сложностей. надеюсь, поможет!

3

Для этого отлично подойдет рекурсивная функция. Можно написать что-то типа:

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

Так ты сможешь добраться до всех вложенных значений. Попробуй - должно сработать!

4

Для такой задачи я бы использовал JSON.stringify() с кастомным replacer. Вот пример:

const iterate = (obj) => {
JSON.stringify(obj, (k, v) => {
if (v && typeof v === ‘object’) {
Object.entries(v).forEach(([key, val]) => {
console.log(${k}.${key}: ${val});
});
}
return v;
});
}

iterate(userMessages);

Этот подход позволяет обойти все уровни вложенности без явной рекурсии. Производительность тоже норм.