题解 | #列表动态渲染#

思路：使用str表示ul列表中的内容，使用forEach遍历数组，并在遍历的过程中填充str，最后将ul.innerHTML更新为str即可。

<script>
  var people = [
    { name: '牛油1号', id: 1, age: 20 },
    { name: '牛油2号', id: 2, age: 21 },
    { name: '牛油3号', id: 3, age: 19 },
  ]
  var ul = document.querySelector('ul');
  var str=""
  people.forEach((item)=>{
    str+=`<li>${item.name} ${item.age}岁</li>`
  })
  ul.innerHTML=str
</script>

总结：数组操作方法的回调函数是可以操作外部变量的喔！