0

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

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

我发现了这个问题，它适用于遍历对象的对象，但我被卡住了。我将如何遍历这个对象？

更新：对于这个特定的问题，嵌套的 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]);

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

4

3 回答 3

4

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

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用这种方法。

于 2013-05-12T15:10:41.673 回答
1

您可以创建一个接受对象和回调的通用函数，然后进行递归调用。

function objectWalk (obj, callback){
    for(o in obj){
        if(typeof obj[o] === 'object'){
            objectWalk(obj[o], callback);
        }else {
            callback(obj[o]);
        }
    }
}

我在这里做的是循环遍历对象并检查循环中的每个项目是否是一个对象。如果是，请再次调用相同的函数。如果不是，则将对象的值传递给回调。它是一个方便的小功能。

在这里查看它的实际应用。

于 2013-05-12T15:16:19.630 回答
1

像这样？

walk = function(obj, fn, key) {
    if(typeof obj != "object")
        return fn(obj, key)
    for(var p in obj)
        if(obj.hasOwnProperty(p))
            walk(obj[p], fn, p)
}

或者以更简洁的方式使用 ES5 函数：

walk = function(obj, fn, key) {
    return obj === Object(obj) ? 
        Object.keys(obj).forEach(function(p) { walk(obj[p], fn, p) }) : 
        fn(obj, key);
}

例子：

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

walk(food, console.log.bind(console))

结果：

20 "redApples"
30 "greenApples"
10 "yellowBananas"
50 "brownBread"
于 2013-05-12T15:32:03.650 回答