我正在尝试编写代码以读取嵌套的JSON并打印项目。后来我打算从中生成一个菜单。
JSON内容如下:
{
"label": "Root of Menu",
"child": [
{
"label": "Menu 1",
"child": [
{
"label": "Menu 1.1",
"child": [
{
"label": "Menu 1.1.1"
},
{
"label": "Menu 1.1.2"
}
]
},
{
"label": "Menu 1.2",
"child": [
{
"label": "Menu 1.2.1"
},
{
"label": "Menu 1.2.2"
}
]
},
{
"label": "Menu 1.3",
"child": [
{
"label": "Menu 1.3.1"
},
{
"label": "Menu 1.3.2"
}
]
}
]
},
{
"label": "Menu 2",
"child": [
{
"label": "Menu 2.1"
},
{
"label": "Menu 2.2"
}
]
},
{
"label": "Menu 3",
"child":
{
"label": "Menu 3.1"
}
}
]
}
我正在使用以下递归函数:
function menuize(m) {
if (m instanceof Array) {
for(i = 0; i < m.length; i++) {
for(p in m[i]) {
menuize(m[i][p]);
}
}
} else if (m instanceof Object) {
for(p in m) {
menuize (m[p]);
}
} else {
console.log('Label: ' + m);
}
}
在menuize(m)
呼叫开始与m
被使用评估的JSON对象JSON.parse(XHR.responseText)
,其中XHR是XMLHttpRequest
用于检索数据对象。我已经看到数据可以完全读取,所以这不是问题。
现在,发生的事情是该函数在某种程度上正确地工作,即直到到达最内层为止child
它都可以正常工作,但是此后,它又无法恢复到正确地将其余项目向上一级打印,依此类推。
生成的输出将帮助您了解正在发生的事情:
t: Root of Menu
t: Menu 1
t: Menu 1.1
t: Menu 1.1.1
t: Menu 1.1.2
我不明白究竟发生了,为什么不应该的物品,如Menu 1.2
,Menu 2
(这是比较在上水平)进行打印。
请问有人能提供一些见解并帮助我理解吗?谢谢!
您的迭代变量需要使用声明,var
因此它们将是局部变量。否则,当您递归时,您将覆盖调用方中使用的变量。
function menuize(m) {
var i, p;
if (m instanceof Array) {
for(i = 0; i < m.length; i++) {
for(p in m[i]) {
menuize(m[i][p]);
}
}
} else if (m instanceof Object) {
for(p in m) {
menuize (m[p]);
}
} else {
console.log('Label: ' + m);
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句