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 dom 基本操作小结
Apr 11 Javascript
ajax 缓存 问题 requestheader
Aug 01 Javascript
Textbox控件注册回车事件及触发按钮提交事件具体实现
Mar 04 Javascript
jQuery原生的动画效果
Jul 10 Javascript
JavaScript数据类型学习笔记
Jan 25 Javascript
基于javascript显示当前时间以及倒计时功能
Mar 18 Javascript
用JS中split方法实现彩色文字背景效果实例
Aug 24 Javascript
JS switch判断 三目运算 while 及 属性操作代码
Sep 03 Javascript
通过函数作用域和块级作用域看javascript的作用域链
Aug 05 Javascript
jQuery动态操作表单示例【基于table表格】
Dec 06 jQuery
ES6的异步操作之promise用法和async函数的具体使用
Dec 06 Javascript
通过Kettle自定义jar包供javascript使用
Jan 29 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
德生1994机评
2021/03/02 无线电
php smarty函数扩展
2010/03/15 PHP
php获取一个变量的名字的方法
2014/09/05 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
jQuery+ajax实现鼠标单击修改内容的思路
2014/06/29 Javascript
jQuery使用drag效果实现自由拖拽div
2015/06/11 Javascript
Jil,高效的json序列化和反序列化库
2017/02/15 Javascript
nodeJS实现路由功能实例代码
2017/06/08 NodeJs
angular.js中解决跨域问题的三种方式
2017/07/12 Javascript
分享vue里swiper的一些坑
2018/08/30 Javascript
JS实现换肤功能的方法实例详解
2019/01/30 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
2019/05/09 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
2019/08/26 Javascript
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
jQuery实现tab栏切换效果
2020/12/22 jQuery
[57:55]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第二场 12.12
2020/12/16 DOTA
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
Python黑帽编程 3.4 跨越VLAN详解
2016/09/28 Python
python解决pandas处理缺失值为空字符串的问题
2018/04/08 Python
django中使用Celery 布式任务队列过程详解
2019/07/29 Python
python zip,lambda,map函数代码实例
2020/04/04 Python
使用tensorflow实现VGG网络,训练mnist数据集方式
2020/05/26 Python
python软件都是免费的吗
2020/06/18 Python
Python 通过爬虫实现GitHub网页的模拟登录的示例代码
2020/08/17 Python
大学辅导员事迹材料
2014/02/05 职场文书
道路交通安全实施方案
2014/03/12 职场文书
初中作文评语大全
2014/04/23 职场文书
销售经理岗位职责
2015/01/31 职场文书
2015年综治宣传月活动总结
2015/03/25 职场文书
志愿者服务活动总结报告
2015/05/06 职场文书
淮海战役观后感
2015/06/11 职场文书
《赵州桥》教学反思
2016/02/17 职场文书
win11无法登录onedrive错误代码0x8004def7怎么办 ?
2022/04/05 数码科技
Spring Boot 实现 WebSocket
2022/04/30 Java/Android
MySQL数据库实验实现简单数据库应用系统设计
2022/06/21 MySQL
CSS的calc函数用法小结
2022/06/25 HTML / CSS