题解 | #列表内容排序再渲染#

列表内容排序再渲染

https://www.nowcoder.com/practice/2dffcb354a484995894655a5547b0b49

function sortAndReturnTextContent() {
	const list = document.getElementById("myList");
	let items = Array.from(list.children);
	// 在此补全代码
	const numMatcg = /\d+/;
	list.innerHTML = items
	  .sort((a, b) => +a.id.match(numMatcg) - +b.id.match(numMatcg))
	  .map((item) => item.outerHTML)
	  .join("\n");
}

通过Array.from()转换数组,

  1. 采用Sort进行排序,
  2. 使用正则匹配,提取ID中的数字并使用(+变量名)转换成Number类型,
  3. 采用Map,提取成员HTMLElement中的outerHTML属性
  4. 最后Join,将成员拼接成字符串写入list内

全部评论

相关推荐

03-02 08:18
集美大学 Java
钱嘛数字而已:没有赛事奖项么?另外,项目经历字有点多哈,建议突出一下重点:用的什么技术,解决什么问题,达到什么效果。
大家都开始春招面试了吗
点赞 评论 收藏
分享
评论
1
收藏
分享

创作者周榜

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