题解 | #列表动态渲染#
列表动态渲染
https://www.nowcoder.com/practice/347e2e88f11a4b0c89157568f26ea126
<!--
描述
请补全JavaScript代码，将预设代码中的"people"数组渲染在页面中。实现下面的列表：
牛油1号 20岁
牛油2号 21岁
牛油3号 19岁
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<ul></ul>
<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');
// 补全代码
ul.innerHTML = Array.from(people).map((item)=>{
return '<li>' + item.name+' '+ item.age + '岁</li>'
}).join('')
</script>
</body>
</html>
KK学习前端之js答题过程 文章被收录于专栏
记录自己学习前端的各个过程，定期复盘，努力提高自己。 此专栏为自己的js答题记录。 欢迎各位一起沟通与讨论。
SHEIN希音公司福利 356人发布
。 “27届 ”和“28届以下 ”公司招聘的预期是不一样的。