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事件 delegate()使用方法介绍
Oct 30 Javascript
JavaScript 动态加载脚本和样式的方法
Apr 13 Javascript
javascript实现动态改变层大小的方法
May 14 Javascript
JavaScript中Null与Undefined的区别解析
Jun 30 Javascript
Javascript 调用 ActionScript 的简单方法
Sep 22 Javascript
js实现简易聊天对话框
Aug 17 Javascript
Three.js加载外部模型的教程详解
Nov 10 Javascript
详解Angular5 服务端渲染实战
Jan 04 Javascript
JS实现排行榜文字向上滚动轮播效果
Nov 26 Javascript
微信小程序自定义弹出层效果
May 26 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
Jul 17 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
Jul 21 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/01/26 PHP
PHP学习之字符串比较和查找
2011/04/17 PHP
Linux下PHP连接Oracle数据库
2014/08/20 PHP
利用php实现一周之内自动登录存储机制(cookie、session、localStorage)
2016/10/31 PHP
Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法
2019/04/02 PHP
javascript 写类方式之二
2009/07/05 Javascript
javascript 解析url的search方法
2010/02/09 Javascript
IE与Firefox在JavaScript上的7个不同句法分享
2011/10/30 Javascript
使用js判断TextBox控件值改变然后出发事件
2014/03/07 Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
2014/07/31 Javascript
jquery使用animate方法实现控制元素移动
2015/03/27 Javascript
老生常谈js动态添加事件--- 事件委托
2016/07/19 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
2016/11/02 Javascript
js中变量的连续赋值(实例讲解)
2017/07/08 Javascript
Vue.js实现输入框绑定的实例代码
2017/08/24 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
2018/03/06 Javascript
vue 不使用select实现下拉框功能(推荐)
2018/05/17 Javascript
vue自定义指令的创建和使用方法实例分析
2018/12/04 Javascript
jQuery实现高级检索功能
2019/05/28 jQuery
微信小程序实现拖拽功能
2019/09/26 Javascript
微信小程序input抖动问题的修复方法
2021/03/03 Javascript
python实现爬虫统计学校BBS男女比例之多线程爬虫(二)
2015/12/31 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
Python 最大概率法进行汉语切分的方法
2018/12/14 Python
python基于递归解决背包问题详解
2019/07/03 Python
Python socket聊天脚本代码实例
2020/01/02 Python
ITK 实现多张图像转成单个nii.gz或mha文件案例
2020/07/01 Python
pycharm-professional-2020.1下载与激活的教程
2020/09/21 Python
matplotlib运行时配置(Runtime Configuration,rc)参数rcParams解析
2021/01/05 Python
应届生求职推荐信
2013/10/28 职场文书
打架检讨书50字
2014/01/11 职场文书
演讲稿之开卷有益
2019/08/07 职场文书
怎样做好公众演讲能力?
2019/08/28 职场文书
nginx.conf配置文件结构小结
2022/04/08 Servers
MYSQL常用函数介绍
2022/05/05 MySQL