JS去除重复并统计数量的实现方法
更新时间：2016年12月15日 10:11:35 投稿：mrr
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去除重复并统计数量的实现方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
在javascript的使用过程中，constructor 和prototype这两个概念是相当重要的，深入的理解这两个概念对理解js的一些核心概念非常的重要2012-04-04
webpack 是一个模块打包器,这篇文章主要介绍了webpack5 常用插件使用问题小结,每次打包完都需要手动删除掉dist文件目录,使用CleanWebpackPlugin就可自动清除dist目录,感兴趣的朋友跟随小编一起看看吧2024-02-02
如何写JavaScript才能逼格更高呢？怎样才能、让别人一眼看出你不简单呢？是否很期待别人在看完你的代码之后感叹一句原来还可以这样写呢？下面列出一些在JavaScript时的装逼技巧，也可说是非常实用的写法2020-05-05
浅谈Javascript鼠标和滚轮事件,鼠标事件也许是web页面当中最常用到的事件，因为鼠标是最常用的导航设备2012-06-06
这篇文章主要介绍了Js+Jq获取URL参数的集中方法,需要的朋友可以参考下2014-05-05
本文给大家推荐了一款非常热门的javascript开发工具webstrom,着重介绍了webstrom的特色功能、设置技巧、使用心得以及快捷键汇总，非常的全面。2014-12-12
这篇文章主要介绍了Bootstrap实现可折叠分组侧边导航菜单的相关资料,需要的朋友可以参考下2018-03-03
本文主要介绍了canvas的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
本文给大家分享一段核心代码基于js实现的bookstore静态页面，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下2017-02-02
这篇文章主要介绍了关于layer.js使用心得-向弹出框传值问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-11-11
最新评论