javascript - 在 Javascript 中循环访问三重嵌套对象

Question

我已经声明了一个三重嵌套对象，如下所示:

var food = {
    "fruit": {
        "apples": {
            "redApples": 20,
            "greenApples": 30
        },
        "bananas": {
            "yellowBananas": 10
        }
    },
    "grains": {
        "bread": {
            "brownBread": 50
        }
    }
};

我找到了this question ，它适用于迭代对象的对象，但我被卡住了。我将如何迭代这个对象？

更新:对于这个特定问题，嵌套 for 循环可以正常工作，如下所示:

for(var key in food)
    for(var prop in food[key])
        for(var foo in food[key][prop])
            console.log(food[key][prop][foo]);

但是，下面有一些很好的递归函数，可以对无限嵌套的对象执行此操作。

Answer 1

马丁是对的，递归函数就是方法。您的函数应该检查对象的属性。如果是 - 函数必须通过调用自身来走得更深，但使用嵌套对象。

function recursiveIter(obj){
    for (var i in obj){
        if (typeof obj[i]=="object"){
            recursiveIter(obj[i]);
        }
        else {
            $('.ins').append(obj[i]);  // or what do you want to do with that           
        }
    }
}

recursiveIter(food);

jsfiddle用这种方法。