学习分享，共勉

题外话，毕竟我工作多年，深知技术改革和创新的方向，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>;

})

}

})

}

})

}

})

使用递归

---