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 快捷键设置实现代码
Mar 13 Javascript
缓动函数requestAnimationFrame 更好的实现浏览器经动画
Dec 07 Javascript
jquery实现html页面 div 假分页有原理有代码
Sep 06 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
Oct 14 Javascript
JS弹出窗口的运用与技巧大全
Nov 01 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
Nov 02 Javascript
简单的渐变轮播插件
Jan 12 Javascript
Vue中使用vux的配置详解
May 05 Javascript
详解Ant Design of React的安装和使用方法
Dec 27 Javascript
vue项目中使用vue-i18n报错的解决方法
Jan 13 Javascript
javascript中的with语句学习笔记及用法
Feb 17 Javascript
ES6 async、await的基本使用方法示例
Jun 06 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/04/12 PHP
PHP的关于变量和日期处理的一些面试题目整理
2015/08/10 PHP
在b/s开发中经常用到的javaScript技术
2006/08/23 Javascript
javascript 函数式编程
2007/08/16 Javascript
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
2009/12/09 Javascript
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
IE中jquery.form中ajax提交没反应解决方法分享
2012/09/11 Javascript
ExtJS4中的requires使用方法示例介绍
2013/12/03 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
javascript常用正则表达式汇总
2015/07/31 Javascript
jquery插件ajaxupload实现文件上传操作
2015/12/09 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
2016/02/03 Javascript
jQuery实现背景弹性滚动的导航效果
2016/06/01 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
2016/12/28 Javascript
CSS3+JavaScript实现翻页幻灯片效果
2017/06/28 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
2017/08/08 jQuery
vue.js的手脚架vue-cli项目搭建的步骤
2017/08/30 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
Element-ui table中过滤条件变更表格内容的方法
2018/03/02 Javascript
小程序实现多选框功能
2018/10/30 Javascript
vue生命周期的探索
2019/04/03 Javascript
JS实现在线ps功能详解
2019/07/31 Javascript
如何通过vscode运行调试javascript代码
2020/07/24 Javascript
[04:02]2014DOTA2国际邀请赛 BBC每日综述中国战队将再度登顶
2014/07/21 DOTA
[41:54]2018DOTA2亚洲邀请赛 4.1 小组赛A组加赛 TNC vs Liquid
2018/04/03 DOTA
python 实现网上商城,转账,存取款等功能的信用卡系统
2016/07/15 Python
python实现学员管理系统
2019/02/26 Python
Python利用scapy实现ARP欺骗的方法
2019/07/23 Python
Python中函数的返回值示例浅析
2019/08/28 Python
matplotlib 对坐标的控制,加图例注释的操作
2020/04/17 Python
美国在线咖啡、茶和餐厅供应商:LollicupStore
2018/05/04 全球购物
用C语言实现文件读写操作
2013/10/27 面试题
大学生实习思想汇报
2014/01/12 职场文书
安全生产责任书
2014/03/12 职场文书
音乐课外活动总结
2015/05/09 职场文书
四年级作文之植物
2019/09/20 职场文书