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

列表内容排序再渲染

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内

全部评论

相关推荐

评论
1
收藏
分享

创作者周榜

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