在Javascript中循环遍历三重嵌套对象

Looping through a triple nested object in Javascript

本文关键字：三重 嵌套 对象 Javascript 循环 遍历      更新时间：2023-09-26

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

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

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

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

然而，下面有一些很好的递归函数可以为无限嵌套的对象做这件事。

Martin是对的，递归函数就是方法。你的函数应该检查属性是否是一个对象。如果是的话，函数必须通过调用自己来更深入，但是要使用嵌套的对象。

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);

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

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

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

像这样?

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"
相关文章：