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 相关文章推荐
js CSS操作方法集合
Oct 31 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
Jun 05 Javascript
js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码
Sep 02 Javascript
微信小程序 PHP生成带参数二维码
Feb 21 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
Mar 30 Javascript
作为老司机使用 React 总结的 11 个经验教训
Apr 08 Javascript
Vue使用vue-cli创建项目
Sep 01 Javascript
vue使用xe-utils函数库的具体方法
Mar 06 Javascript
javascript动态创建对象的属性详解
Nov 07 Javascript
使用vuex解决刷新页面state数据消失的问题记录
May 08 Javascript
js 判断当前时间是否处于某个一个时间段内
Sep 19 Javascript
js实现搜索提示框效果
Sep 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
咖啡的植物学知识
2021/03/03 咖啡文化
深入解析php中的foreach函数
2013/08/31 PHP
PHP数组array类常见操作示例
2020/05/15 PHP
jQuery .tmpl(), .template()学习资料小结
2011/07/18 Javascript
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
2013/02/05 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
2013/11/28 Javascript
JavaScript中继承用法实例分析
2015/05/16 Javascript
Bootstrap布局方式详解
2016/05/27 Javascript
nodejs 的 session 简单使用
2016/06/06 NodeJs
jQuery简单实现点击文本框复制内容到剪贴板上的方法
2016/08/01 Javascript
jQuery学习笔记之入门
2016/12/14 Javascript
jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例
2017/01/30 Javascript
vue loadmore组件上拉加载更多功能示例代码
2017/07/19 Javascript
vue-cli的eslint相关用法
2017/09/29 Javascript
vue2.0 实现页面导航提示引导的方法
2018/03/13 Javascript
angularJs中$scope数据序列化的实例
2018/09/30 Javascript
vue项目前端知识点整理【收藏】
2019/05/13 Javascript
swiper4实现移动端导航切换
2020/10/16 Javascript
videocapture库制作python视频高速传输程序
2013/12/23 Python
Python中shutil模块的常用文件操作函数用法示例
2016/07/05 Python
python去除空格和换行符的实现方法(推荐)
2017/01/04 Python
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
django2笔记之路由path语法的实现
2019/07/17 Python
对Python中一维向量和一维向量转置相乘的方法详解
2019/08/26 Python
树莓派极简安装OpenCv的方法步骤
2019/10/10 Python
Visual Studio Code搭建django项目的方法步骤
2020/09/17 Python
html5 css3 动态气泡按钮实例演示
2012/12/02 HTML / CSS
英国当代时尚和街头服饰店:18montrose
2018/12/15 全球购物
公司员工检讨书
2014/02/08 职场文书
《千年梦圆在今朝》教学反思
2014/02/24 职场文书
超市中秋节促销方案
2014/03/21 职场文书
2014医学院领导班子对照检查材料思想汇报
2014/09/19 职场文书
全国法院系统开展党的群众路线教育实践活动综述(全文)
2014/10/25 职场文书
小学班主任个人总结
2015/03/03 职场文书
2019年暑期安全广播稿!
2019/07/03 职场文书
weblogic服务建立数据源连接测试更新mysql驱动包的问题及解决方法
2022/01/22 MySQL