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 相关文章推荐
基于jQuery的合并表格中相同文本的相邻单元格的代码
Apr 06 Javascript
js change,propertychange,input事件小议
Dec 20 Javascript
jquery学习总结(超级详细)
Sep 04 Javascript
JavaScript中的this关键字使用详解
Aug 14 Javascript
jquery实现简单的表单验证
Nov 17 Javascript
AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
Dec 14 Javascript
Angular4如何自定义首屏的加载动画详解
Jul 26 Javascript
详解RequireJs官方使用教程
Oct 31 Javascript
vue 实现剪裁图片并上传服务器功能
Mar 01 Javascript
JavaScript插入排序算法原理与实现方法示例
Aug 06 Javascript
基于layui框架响应式布局的一些使用详解
Sep 16 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
Sep 25 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,不用COM,生成excel文件
2006/10/09 PHP
ThinkPHP之import方法实例详解
2014/06/20 PHP
ThinkPHP采用GET方式获取中文参数查询无结果的解决方法
2014/06/26 PHP
php上传文件常见问题总结
2015/02/03 PHP
PHP使用SMTP邮件服务器发送邮件示例
2018/08/28 PHP
php回调函数处理数组操作示例
2020/04/13 PHP
jquery下组织javascript代码(js函数化)
2010/08/25 Javascript
Javascript面向对象编程(三) 非构造函数的继承
2011/08/28 Javascript
JavaScript高级程序设计(第3版)学习笔记10 再访js对象
2012/10/11 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
jQuery中hover方法和toggle方法使用指南
2015/02/27 Javascript
JavaScript中String.prototype用法实例
2015/05/20 Javascript
详解angularjs实现echart图表效果最简洁教程
2017/11/29 Javascript
动态加载、移除js/css文件的示例代码
2018/03/20 Javascript
JavaScript 替换所有匹配内容及正则替换方法
2020/02/12 Javascript
vue-cli4项目开启eslint保存时自动格式问题
2020/07/13 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
2020/08/27 Javascript
使用python获取CPU和内存信息的思路与实现(linux系统)
2014/01/03 Python
python实现文件名批量替换和内容替换
2014/03/20 Python
Python函数中的函数(闭包)用法实例
2016/03/15 Python
Django admin实现图书管理系统菜鸟级教程完整实例
2017/12/12 Python
Python之pandas读写文件乱码的解决方法
2018/04/20 Python
基于anaconda下强大的conda命令介绍
2018/06/11 Python
关于python2 csv写入空白行的问题
2018/06/22 Python
用Python实现读写锁的示例代码
2018/11/05 Python
python3 webp转gif格式的实现示例
2019/12/10 Python
pandas创建DataFrame的7种方法小结
2020/06/14 Python
本科生职业生涯规划书范文
2014/01/21 职场文书
政府门卫岗位职责
2014/04/29 职场文书
小学教师培训方案
2014/06/09 职场文书
标准版离职证明书
2014/09/12 职场文书
招标授权委托书样本
2014/09/23 职场文书
学生会招新宣传语
2015/07/13 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书
SQL SERVER存储过程用法详解
2022/02/24 SQL Server
MySQL数据库事务的四大特性
2022/04/20 MySQL