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去除重复并统计数量的实现方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
改善性能的最好方法之一是避免重复两次相同的工作。因此，只要可以缓存结果供以后使用，就可以加快程序的速度。延迟加载属性模式技术使任何属性都可以成为缓存层以提高性能。这里说到的延迟加载属性模式就是利用的访问器属性，将计算昂贵的操作推迟到需要时再使用2021-06-06
漂亮的widgets，支持换肤和后期开发新皮肤...2007-04-04
这篇文章主要介绍了JavaScript控制图片加载完成后调用回调函数的方法,实例分析了javascript回调函数的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了Bootstrap表单布局样式源代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
这篇文章主要介绍了本地JS文件批量压缩的方法，由于之前压缩的JS文件都比较少，都是手动压缩的。这次需要压缩的文件比较多，所以用了批量压缩，特此记录一下，方便大家和自己以后再用到的时候备忘2022-12-12
本文介绍在表单提交之前修改提交的值的方法，希望给需要的朋友一些帮助。2016-04-04
webpack-bundle-analyzer 插件配置使用方法
webpack-bundle-analyzer 是 webpack 的插件，需要配合 webpack 和 webpack-cli 一起使用，这篇文章主要介绍了webpack-bundle-analyzer 插件配置,需要的朋友可以参考下2023-02-02
下面小编就为大家带来一篇数组Array的排序sort方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
本文为大家详细介绍下通过jquery和原生javascript判断浏览器信息包括：判断浏览器是否为IE以及IE版本是多少等等，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-07-07
在JavaScript的ES6版本中,引入了WeakMap和WeakSet这两种新的数据结构,与Map和Set相比,它们有一些特殊的特点和用途,使它们在处理内存泄漏问题、管理对象私有数据、处理对象的唯一性等场景中有显著的优势,本文将深入探讨WeakMap和WeakSet的特性和用途,一起看看吧2023-12-12
最新评论