主页 / 网络编程 /

JS去除重复并统计数量的实现方法

网络编程 2021-07-04 19:19www.168986.cn编程入门
js去除重复并统计数量方法，首先点击按钮触发事件，然后用class选择器，迭代要获取的文本（这里最好用text()方法）加入到Array()集合里。具体操作方法，大家通过本文学习下吧

js去除重复并统计数量方法 首先点击按钮触发事件，然后用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去除重复并统计数量的实现方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持！

上一篇：JS中对数组元素进行增删改移的方法总结 下一篇：javascript基于原型链的继承及call和apply函数用法分

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by