学习分享,共勉
题外话,毕竟我工作多年,深知技术改革和创新的方向,Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
“children”: [
{
“name”: “白云”
},
{
“name”: “海珠”,
“children”: [
{
“name”: “南石头街道”
}
]
}
]
},
{
“name”: “深圳”,
“children”: [
{
“name”: “南山”
}
]
}
]
}
]
不使用递归
const list = [{ name: “广东”, children: [{ name: “广州”, children: [{ name: “白云” }, { name: “海珠”, children: [{ name: “南石头街道” }] }] }, { name: “深圳”, children: [{ name: “南山” }] }] }];
let section = document.querySelect(‘section’);
let section = document.querySelector(‘section’);
list.forEach((v1) => {
section.innerHTML += <div>${v1.name}</div>
;
if (v1.children) {
v1.children.forEach((v2) => {
section.innerHTML += <div>${v2.name}</div>
;
if (v2.children) {
v2.children.forEach(v3 => {
section.innerHTML += <div>${v3.name}</div>
;
if (v3.children) {
v3.children.forEach(v4 => {
section.innerHTML += <div>${v4.name}</div>
;
})
}
})
}
})
}
})
使用递归