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

本文介绍了在Javascript中循环遍历三重嵌套对象的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

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

I have declared a triple nested object, like so:

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

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

I found this question, which worked for iterating through an object of an object, but I'm stuck. How would I iterate through this object?

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

Update: For this specific problem, nested for-loops would work fine, like this:

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

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

However, there are some good recursive functions below which would do this for indefinitely nested objects.

推荐答案

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

Martin is right, recursive function is the approach. Your function should check is the attribute an object. If it is - function must walk deeper by calling itself also, but with a nested object.

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