当前位置 博文首页 > hibiscusxin的博客:统计当前页面使用最多的前三个标签

    hibiscusxin的博客:统计当前页面使用最多的前三个标签

    作者:[db:作者] 时间:2021-08-30 12:55

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

    // 获取所有的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);
    
    cs