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.autocomplete修改实现键盘上下键自动填充示例
Nov 19 Javascript
node.js中的fs.renameSync方法使用说明
Dec 16 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
Aug 05 Javascript
Node.js + Redis Sorted Set实现任务队列
Sep 19 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
May 03 Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
Jun 01 Javascript
JavaScript操作文件_动力节点Java学院整理
Jun 30 Javascript
vue表单绑定实现多选框和下拉列表的实例
Aug 12 Javascript
node.js的http.createServer过程深入解析
Jun 06 Javascript
浅谈Vue.set实际上是什么
Oct 17 Javascript
vue基本使用--refs获取组件或元素的实例
Nov 07 Javascript
Antd的table组件表格的序号自增操作
Oct 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
让你的WINDOWS同时支持MYSQL4,MYSQL4.1,MYSQL5X
2006/12/06 PHP
破解.net程序(dll文件)编译和反编译方法
2013/01/31 PHP
php中$美元符号与Zen Coding冲突问题解决方法分享
2014/05/28 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
php判断IP地址是否在多个IP段内
2020/08/18 PHP
prototype 的说明 js类
2006/09/07 Javascript
js实现的网站首页随机公告随机公告
2007/03/14 Javascript
JavaScript 异步调用框架 (Part 4 - 链式调用)
2009/08/04 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
2015/08/07 Javascript
基于javascript实现checkbox复选框实例代码
2016/01/28 Javascript
Avalonjs 实现简单购物车功能(实例代码)
2017/02/07 Javascript
解决jquery appaend元素中id绑定事件失效的问题
2017/09/12 jQuery
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
Node.js模拟发起http请求从异步转同步的5种用法
2018/09/26 Javascript
在 Vue.js中优雅地使用全局事件的方法
2019/02/01 Javascript
nodejs分离html文件里面的js和css的方法
2019/04/09 NodeJs
通过实践编写优雅的JavaScript代码
2019/05/30 Javascript
解决layui弹框失效的问题
2019/09/09 Javascript
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
用Python编程实现语音控制电脑
2014/04/01 Python
浅析python中的分片与截断序列
2016/08/09 Python
python中时间转换datetime和pd.to_datetime详析
2019/08/11 Python
爬虫代理池Python3WebSpider源代码测试过程解析
2019/12/20 Python
Pytorch 的损失函数Loss function使用详解
2020/01/02 Python
python+selenium 脚本实现每天自动登记的思路详解
2020/03/11 Python
python 判断一组数据是否符合正态分布
2020/09/23 Python
详解css3 flex弹性盒自动铺满写法
2020/09/17 HTML / CSS
2013年员工自我评价范文
2013/12/27 职场文书
开学典礼决心书
2014/03/11 职场文书
安全横幅标语
2014/06/09 职场文书
实习指导教师评语
2014/12/30 职场文书
英语感谢信范文
2015/01/20 职场文书
实施意见格式范本
2015/06/05 职场文书
歌咏比赛主持词
2015/06/29 职场文书
Python基础详解之邮件处理
2021/04/28 Python