Javascript如何循环直到找不到属性(React)

Question

好吧，伙计们，我对这个对象感到很难。

{
    name:"asd",
    age: 17,
    workers:[
        {
            name:"asd",
            age: 17,
            workers:[
                {
                    name:"asd",
                    age: 17,
                    workers:[
                        {
                            name:"asd",
                            age: 17
                        }
                    ]
                }
            ]
        },
        {
            name:"asd",
            age: 17,
            workers:[
                {
                    name:"asd",
                    age: 17
                },
                {
                    name:"asd",
                    age: 17
                },
                {
                    name:"asd",
                    age: 17
                }
            ]
        }
    ]
}

好吧，我的问题是我想循环访问这个对象。查找它是否具有 worker 属性，然后渲染值。我只是找不到以适当的方式解决此问题的方法。

这是我现在拥有的。

if (boss.hasOwnProperty("workers")){
    <div> {{boss.name}}
        boss.workers.map(function(w){
            if (w.hasOwnProperty("workers")){
                <div>
                {{w.name}}
                    w.workers.map(function(a){
                        <div> {{a.name}}</div>
                    }
                </div>
            }
        })
    </div>
}

这可行，但当我必须处理更深的嵌套结构时，它相当困难。 (在工作中，它是一个 7 层嵌套数组，在 3 到 7 之间变化)

我想要的是 1 或 2 个循环，仅检查该属性是否在对象内，以便它继续创建它，直到找不到它。

抱歉我的英语不是最好的。

Answer 1

您可以使用递归函数检查当前节点中是否有worker属性，如果有则在worker节点中更深入并执行相同的操作