统计当前页面使用最多的前三个标签

统计当前页面使用最多的前三个标签

// 获取所有的nodeList
let tagLists = document.getElementsByTagName("*") ;
// 转换成真正数组，并用map获取关键的nodeName信息的数组
let nodeNameList = [...tagLists].map(v=>v.nodeName);
// 使用reduce统计
//这里 如果 || 为undefined 则 第一次obj[key] = 0 ，然后再+1。
//否则每次都是  obj[key] =  obj[key] + 1;
let sumList = nodeNameList.reduce((obj,key)=>{
   obj[key] = (obj[key] || 0) + 1;
   return obj;
},{});//sumList 是一个对象  初始参数{}很重要
arrayList =  Object.entries(sumList);//对象转换key 和 value 二维数组，
arrayList.sort((prev,next)=>{
     return  next[1] - prev[1] ;
});
top3List = arrayList.slice(0,3); //只显示 前三条
console.log(top3List);