题解 | #列表动态渲染#

列表动态渲染

http://www.nowcoder.com/practice/347e2e88f11a4b0c89157568f26ea126

思路

这道题看题目要求是根据id的从小到大排序,因此需要先对people数组进行排序。使用模板字符串向li标签中添加内容

代码

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')
			// 补全代码
      people.sort(function(a,b){
        return a.id - b.id
      })
      var frag = document.createDocumentFragment()
      people.forEach(item => {
        var li = document.createElement('li')
        li.innerText = `${item.name}${item.id} ${item.age}`
        frag.append(li)
      });      
      ul.append(frag)
全部评论

相关推荐

07-10 11:08
门头沟学院 Java
投递京东等公司9个岗位
点赞 评论 收藏
分享
不要停下啊:大二打开牛客,你有机会开卷了,卷起来,去找课程学习,在牛客上看看大家面试笔试都需要会什么,岗位有什么需求就去学什么,努力的人就一定会有收获,这句话从来都经得起考验,像我现在大三了啥也不会,被迫强行考研,炼狱难度开局,啥也不会,找工作没希望了,考研有丝丝机会
点赞 评论 收藏
分享
06-23 11:43
门头沟学院 Java
allin校招的烤冷...:我靠,今天中午我也是这个hr隔一个星期发消息给我。问的问题还是一模一样的😅
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务