Как получить оставшиеся 2 вложенных элемента?

Question

[Fresko1991]

const box = {
    name: 'space',
    type: 'hold',
    color: 'red',
    container: {
        minibox: 'plate',
        minibox2: 'dish',
        container2: {
            thing: 'jacket',
            thing2: 'socks'
        }
    }
};

for(let key in box) {
    if(typeof(box[key]) === 'object') {
        for( let o in box[key]){
            console.log (`Свойство ${o} имеет значение  ${box[key][o]}`);
        }
    } else {
        console.log(`Свойство ${key} имеет значение ${box[key]}`);
    }
}

Cейчас выводится вот что :

Не могу сообразить, что дописать чтоб раскрылись последний 2 свойства.

Comments

[Softlink]

Продолжить углубляться?

[Fresko1991]

Softlink, да именно так, спасибо!

Answer 1

[Vlad]

Простая рекурсия, минимум кода:

const box = {
    name: 'space',
    type: 'hold',
    color: 'red',
    container: {
        minibox: 'plate',
        minibox2: 'dish',
        container2: {
            thing: 'jacket',
            thing2: 'socks'
        }
    }
};

function walkinobj(box) {
    for (let key in box) {
        if (typeof(box[key]) === 'object') {
            walkinobj(box[key]);
        } else {
            console.log(`Свойство ${key} имеет значение ${box[key]}`);
        }
    }
}

walkinobj(box);