[英]Javascript recursive function not working
我正在尝试编写代码以读取嵌套的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
为开始,其中m
是使用JSON.parse(XHR.responseText)
评估的JSON对象,其中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);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.