js去除重复并统计数量方法 | 编程开发-前端开发-专业编程开发技术网站

Posted 2021-04-24 前端IT技术资源

首先点击按钮触发事件，然后用class选择器，迭代要获取的文本（这里最好用text()方法）加入到Array()集合里。然后创建一个map{},遍历Array()集合，取一个值作为map的key,然后判断是否有值，如果没有就输入值1，如果有就累加1.最后就可以统计出重复的有多少个。

for(var key in map){}为迭代方法。

这里附上文本格式，方便大家复制。

jQuery(“#count”).on(“click”,function(){

var arr=new Array();

jQuery(“.typecount”).each(function(){

arr.push(jQuery(this).text())

})

var map = {};

var packtype=””;

for (var i = 0; i < arr.length; i++) {

var ai = arr[i];

if(!map[ai]){

map[ai] = 1;

}else{

map[ai]++;

}

}

jQuery(“#countmes”).empty();

for(var key in map){

packtype=packtype+key+”:”+ map[key]+”,”;

jQuery(“#countmes”).append(” <td>”+key+” : “+ map[key]+”</td>”);

}

jQuery(“#packtype”).val(packtype);

})

转载请注明：js去除重复并统计数量方法 - 前端开发