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


Posted in Javascript onDecember 15, 2016

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

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 相关文章推荐
让JavaScript 轻松支持函数重载 (Part 1 - 设计)
Aug 04 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
Sep 29 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
Jan 15 Javascript
JavaScript加强之自定义callback示例
Sep 21 Javascript
jQuery中[attribute=value]选择器用法实例
Dec 31 Javascript
javascript检查浏览器是否已经启用XX功能
Jul 10 Javascript
有关json_decode乱码及NULL的问题
Oct 13 Javascript
JS中的数组方法笔记整理
Jul 26 Javascript
vue多级多选菜单组件开发
Sep 08 Javascript
vue2.0 下拉框默认标题设置方法
Aug 22 Javascript
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
Vue.js暴露方法给WebView的使用操作
Sep 07 Javascript
javascript基于原型链的继承及call和apply函数用法分析
Dec 15 #Javascript
移动端脚本框架Hammer.js
Dec 15 #Javascript
WEB开发之注册页面验证码倒计时代码的实现
Dec 15 #Javascript
浅谈javascript alert和confirm的美化
Dec 15 #Javascript
JavaScript模板引擎Template.js使用详解
Dec 15 #Javascript
原生JS实现图片轮播切换效果
Dec 15 #Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
Dec 15 #Javascript
You might like
php分页示例分享
2014/04/30 PHP
在PHP中使用X-SendFile头让文件下载更快
2014/06/01 PHP
PHP和Shell实现检查SAMBA与NFS Server是否存在
2015/01/07 PHP
实例简介PHP的一些高级面向对象编程的特性
2015/11/27 PHP
php curl 模拟登录并获取数据实例详解
2016/12/22 PHP
PHP 文件上传后端处理实用技巧方法
2017/01/06 PHP
PHP实现登录注册之BootStrap表单功能
2017/09/03 PHP
JavaScript中的事件处理
2008/01/16 Javascript
js 效率组装字符串 StringBuffer
2009/12/23 Javascript
将string解析为json的几种方式小结
2010/11/11 Javascript
js格式化货币数据实现代码
2013/09/04 Javascript
js+div实现图片滚动效果代码
2014/02/10 Javascript
alert和confirm功能介绍
2014/05/21 Javascript
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
JavaScript操作表单实例讲解(上)
2016/06/20 Javascript
jQuery仿京东商城楼梯式导航定位菜单
2016/07/25 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
2017/02/13 Javascript
js中的DOM模拟购物车功能
2017/03/22 Javascript
vue组件实现文字居中对齐的方法
2017/08/23 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
2019/05/29 Javascript
JS实现秒杀倒计时特效
2020/01/02 Javascript
[02:57]2014DOTA2国际邀请赛-观众采访
2014/07/19 DOTA
Python and、or以及and-or语法总结
2015/04/14 Python
Python中数组,列表:冒号的灵活用法介绍(np数组,列表倒序)
2018/04/18 Python
python 实现敏感词过滤的方法
2019/01/21 Python
python全栈要学什么 python全栈学习路线
2019/06/28 Python
详解matplotlib中pyplot和面向对象两种绘图模式之间的关系
2021/01/22 Python
HTML5标签与HTML4标签的区别示例介绍
2013/07/18 HTML / CSS
个人找工作自荐信格式
2013/09/21 职场文书
四年级评语大全
2014/04/21 职场文书
旅游专业毕业生自荐书
2014/06/30 职场文书
小学安全教育月活动总结
2014/07/07 职场文书
党员对十八届四中全会的期盼思想汇报范文
2014/10/17 职场文书
检举信的写法
2019/04/10 职场文书
导游词之介休绵山
2019/12/31 职场文书
vue route新窗口跳转页面并且携带与接收参数
2022/04/10 Vue.js