我们假设有一组数据，他有两层，我们现在要将他通过 ul > li 标签将他渲染到页面上，该怎么处理呢？
就比如下面这种
let data = [
{
name: '深圳学校'
child: [
{
name: '深圳一中'
},
{
name: '深圳二中'
},
]
},
{
name: '东莞学校'
child: [
{
name: '东莞一中'
},
{
name: '东莞二中'
},
]
}
]可能我们会想到for循环去嵌套for循环，利用两个for循环来实现这个需求，就比如下面这段代码实现
为了更清晰的看到代码效果，我们先写一个通用的页面结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div id="list"></div>
<script>
// 处理代码...
</script>
</body>
</html>
然后编写for循环代码
let str = `<ul>`
for (let i = 0; i < data.length; i++) {
str += `<li>${data[i].name}</li>`
let strs = `<ul>`
for (let j = 0; j 
最低0.47元/天 解锁文章
252
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
