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对象创建及继承原理实例解剖
Feb 28 Javascript
利用javascript实现web页面中指定区域打印
Oct 30 Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 Javascript
jquery 实现两Select 标签项互调示例代码
Sep 25 Javascript
提升PHP安全:8个必须修改的PHP默认配置
Nov 17 Javascript
JavaScript中Date.toSource()方法的使用教程
Jun 12 Javascript
JS模式之单例模式基本用法
Jun 30 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
Aug 11 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
Jun 12 Javascript
jQuery实现底部浮动窗口效果
Sep 07 Javascript
jQuery实现立体式数字滚动条增加效果
Dec 21 Javascript
使用electron制作满屏心特效的示例代码
Nov 27 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自动选择 连接本地还是远程数据库
2010/12/02 PHP
php加密算法之实现可逆加密算法和解密分享
2014/01/21 PHP
WordPress中用于检索模版的相关PHP函数使用解析
2015/12/15 PHP
PHP MSSQL 分页实例
2016/04/13 PHP
Yii中的relations数据关联查询及统计功能用法详解
2016/07/14 PHP
PHP实现的基于单向链表解决约瑟夫环问题示例
2017/09/30 PHP
微信公众号-获取用户信息(网页授权获取)实现步骤
2016/10/21 Javascript
Angularjs的Controller间通信机制实例分析
2016/11/07 Javascript
JS小数转换为整数的方法分析
2017/01/07 Javascript
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
2017/09/23 jQuery
js 原生判断内容区域是否滚动到底部的实例代码
2017/11/15 Javascript
详解webpack+express多页站点开发
2017/12/22 Javascript
vue-router权限控制(简单方式)
2018/10/29 Javascript
angular4自定义表单控件[(ngModel)]的实现
2018/11/23 Javascript
使用post方法实现json往返传输数据的方法
2019/03/30 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
2019/07/18 Javascript
JS使用正则表达式提交页面验证的代码
2019/10/16 Javascript
深入浅析Python字符编码
2015/11/12 Python
在python的类中动态添加属性与生成对象
2016/09/17 Python
python决策树之CART分类回归树详解
2017/12/20 Python
Python语言的变量认识及操作方法
2018/02/11 Python
python 执行shell命令并将结果保存的实例
2018/05/11 Python
python中使用 xlwt 操作excel的常见方法与问题
2019/01/13 Python
python TF-IDF算法实现文本关键词提取
2019/05/29 Python
Python如何使用函数做字典的值
2019/11/30 Python
在python3中实现更新界面
2020/02/21 Python
Django REST framwork的权限验证实例
2020/04/02 Python
瑞士国际航空官网:SWISS
2016/07/21 全球购物
S’well Bottle保温杯官网:绝缘不锈钢水瓶
2018/05/09 全球购物
最好的意大利皮夹克:D’Arienzo
2018/12/04 全球购物
护理专业优质毕业生自荐书
2014/01/31 职场文书
《和我们一样享受春天》教学反思
2014/02/07 职场文书
工会工作先进事迹
2014/08/18 职场文书
群众路线教育实践活动总结
2014/10/30 职场文书
西岭雪山导游词
2015/02/06 职场文书
圆明园观后感
2015/06/03 职场文书