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的message插件实现右下角弹出消息框
Jan 11 Javascript
50个比较实用jQuery代码段
Sep 18 Javascript
表单序列化与jq中的serialize使用示例
Feb 21 Javascript
javascript常用的正则表达式实例
May 15 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
Jun 21 Javascript
Node.js编写CLI的实例详解
May 17 Javascript
详谈构造函数加括号与不加括号的区别
Oct 26 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
Dec 18 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
vue自定义指令directive的使用方法
Apr 07 Javascript
layui动态加载多表头的实例
Sep 05 Javascript
浅谈vue 多个变量同时赋相同值互相影响
Aug 05 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笔记之:php函数range() round()和list()的使用说明
2013/04/26 PHP
PHP错误机制知识汇总
2016/03/24 PHP
php 截取utf-8格式的字符串实例代码
2016/10/30 PHP
HR vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
深入理解JavaScript系列(10) JavaScript核心(晋级高手必读篇)
2012/01/15 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
2013/11/26 Javascript
jquery序列化表单去除指定元素示例代码
2014/04/10 Javascript
JavaScript判断变量是对象还是数组的方法
2014/08/28 Javascript
深入分析Javascript事件代理
2016/01/30 Javascript
ES6新特征数字、数组、字符串
2016/10/01 Javascript
JavaScript Uploadify文件上传实例
2017/02/28 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
2017/04/23 jQuery
解决在vue项目中webpack打包后字体不生效的问题
2018/09/01 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
2019/05/22 Javascript
vue 实现一个简单的全局调用弹窗案例
2020/09/10 Javascript
Python打包可执行文件的方法详解
2016/09/19 Python
Python处理XML格式数据的方法详解
2017/03/21 Python
Python实现数据可视化看如何监控你的爬虫状态【推荐】
2018/08/10 Python
Python pygorithm模块用法示例【常见算法测试】
2018/08/16 Python
python实现维吉尼亚算法
2019/03/20 Python
Python实现查找字符串数组最长公共前缀示例
2019/03/27 Python
python安装pil库方法及代码
2019/06/25 Python
pytorch中的embedding词向量的使用方法
2019/08/18 Python
Python中的延迟绑定原理详解
2019/10/11 Python
pytorch实现特殊的Module--Sqeuential三种写法
2020/01/15 Python
在Mac中PyCharm配置python Anaconda环境过程图解
2020/03/11 Python
python里反向传播算法详解
2020/11/22 Python
详解android与HTML混合开发总结
2018/06/06 HTML / CSS
英国剑桥包官网:The Cambridge Satchel Company
2016/08/01 全球购物
美国婚礼装饰和活动用品批发供应商:Event Decor Direct
2018/10/12 全球购物
前台文员的岗位职责
2013/11/14 职场文书
实习生矿工检讨书
2014/10/13 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书
2015关于重阳节的演讲稿
2015/03/20 职场文书
人口与计划生育责任书
2015/05/09 职场文书
python如何读取.mtx文件
2021/04/22 Python