How to iterate over nested object?

Question

typescript

I have such an object

const aside = {
    well: {
        name: "Колодец",
        costs: "200/250/300",
        src: "../images/shop/wells/well-01.png"
    },
    depot: {
        name: "Склад",
        costs: "150/200/250",
        src: "../images/shop/depots/depot-01.png"
    },
    cage: {
        name: "Клетка",
        costs: "100/150/200",
        src: "../images/shop/cages/cage-01.png"
    }
};

Actually the question is how to go through each name , costs , src . Well, will an interface be needed for each and how will it generally look like for the entire object?

Answer 1

And what is the difficulty?
Options:
1) 2 nested for...in loops https://developer.mozilla.org/ru/docs/Web/JavaScri...
2) Option 1 via the .map method, if converted to an array via Object .keys / Object.entries
3) You can write a recursive traversal, but with limited nesting - why?