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 相关文章推荐
超级退弹代码
Jul 07 Javascript
js更优雅的兼容
Aug 12 Javascript
菜鸟学习JavaScript小实验之函数引用
Nov 17 Javascript
js数组如何添加json数据及js数组与json的区别
Oct 27 Javascript
JS使用eval()动态创建变量的方法
Jun 03 Javascript
jQuery+Ajax实现限制查询间隔的方法
Jun 07 Javascript
Bootstrap中表单控件状态(验证状态)
Aug 04 Javascript
angular实现spa单页面应用实例
Jul 10 Javascript
微信小程序上传图片实例
May 28 Javascript
vue项目打包后打开页面空白解决办法
Jun 29 Javascript
微信小程序实现文字从右向左无限滚动
Nov 18 Javascript
解决Vue打包上线之后部分CSS不生效的问题
Nov 12 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封装的HttpClient类用法实例
2015/06/17 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
PHP安装memcache扩展的步骤讲解
2019/02/14 PHP
PHP中Static(静态)关键字功能与用法实例分析
2019/04/05 PHP
JavaScript Undefined,Null类型和NaN值区别
2008/10/22 Javascript
JavaScript中使用构造函数实现继承的代码
2010/08/12 Javascript
解读JavaScript中 For, While与递归的用法
2013/05/07 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
JS实现距离上次刷新已过多少秒示例
2014/05/23 Javascript
jquery统计用户选中的复选框的个数
2014/06/06 Javascript
js小数计算小数点后显示多位小数的实现方法
2016/05/30 Javascript
Javascript将JSON日期格式化
2016/08/23 Javascript
jQuery简单自定义图片轮播插件及用法示例
2016/11/21 Javascript
谈谈第三方App接入微信登录 解读
2016/12/27 Javascript
原生js实现无缝轮播图效果
2017/01/11 Javascript
Vue2.0组件间数据传递示例
2017/03/07 Javascript
vue内置指令详解
2018/04/03 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
小程序click-scroll组件设计
2019/06/18 Javascript
微信小程序实现点击图片放大预览
2019/10/21 Javascript
[04:29]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/02/01 DOTA
简化Python的Django框架代码的一些示例
2015/04/20 Python
python3利用smtplib通过qq邮箱发送邮件方法示例
2017/12/03 Python
Python异常的检测和处理方法
2018/10/26 Python
Pycharm运行加载文本出现错误的解决方法
2019/06/27 Python
Python实现的远程文件自动打包并下载功能示例
2019/07/12 Python
python datetime中strptime用法详解
2019/08/29 Python
Python开发之身份证验证库id_validator验证身份证号合法性及根据身份证号返回住址年龄等信息
2020/03/20 Python
阿根廷在线宠物商店:Puppis
2018/03/23 全球购物
素质拓展感言
2014/01/29 职场文书
亲子读书活动方案
2014/02/22 职场文书
2014全国两会心得体会
2014/03/17 职场文书
企业晚会策划方案
2014/05/29 职场文书
Java设计模式之享元模式示例详解
2022/03/03 Java/Android
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫
使用vue判断当前环境是安卓还是IOS
2022/04/12 Vue.js