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实现在页面加载的时自动为日期插件添加当前日期
Aug 20 Javascript
JS自定义对象实现Java中Map对象功能的方法
Jan 20 Javascript
JS中使用apply方法通过不同数量的参数调用函数的方法
May 31 Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 Javascript
浅析jQuery Ajax通用js封装
Jun 22 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
Nov 16 Javascript
js实现会跳动的日历效果(完整实例)
Oct 18 Javascript
vue2.0在没有dev-server.js下的本地数据配置方法
Feb 23 Javascript
layui获取多选框中的值方法
Aug 15 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
Jun 05 Javascript
JavaScript实现答题评分功能页面
Jun 24 Javascript
解决vue watch数据的方法被调用了两次的问题
Nov 07 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解析URL函数parse_url和parse_str
2014/11/11 PHP
Symfony2 session用法实例分析
2016/02/04 PHP
用Javascript 和 CSS 实现脚注(Footnote)效果
2009/09/09 Javascript
JQUBAR1.1 jQuery 柱状图插件发布
2010/11/28 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
2011/10/04 Javascript
js完美的div拖拽实例代码
2014/01/22 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
node.js中的fs.futimes方法使用说明
2014/12/17 Javascript
jquery图片切换插件
2015/03/16 Javascript
jquery实现点击变换导航样式的方法
2015/08/31 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
2015/11/04 Javascript
jQuery插件实现文字无缝向上滚动效果代码
2016/02/25 Javascript
JavaScript面向对象编写购物车功能
2016/08/19 Javascript
js 数据存储和DOM编程
2017/02/09 Javascript
详解vue嵌套路由-query传递参数
2017/05/23 Javascript
js 只比较时间大小的实例
2017/10/26 Javascript
React Native中Mobx的使用方法详解
2018/12/04 Javascript
一文秒懂nodejs中的异步编程
2021/01/28 NodeJs
Python中解析JSON并同时进行自定义编码处理实例
2015/02/08 Python
Python中使用Queue和Condition进行线程同步的方法
2016/01/19 Python
python实现多线程的两种方式
2016/05/22 Python
Python科学计算包numpy用法实例详解
2018/02/08 Python
对django的User模型和四种扩展/重写方法小结
2019/08/17 Python
在pytorch中查看可训练参数的例子
2019/08/18 Python
python GUI库图形界面开发之PyQt5窗口控件QWidget详细使用方法
2020/02/26 Python
用CSS3写的模仿iPhone中的返回按钮
2015/04/04 HTML / CSS
html2canvas生成清晰的图片实现打印的示例代码
2019/09/30 HTML / CSS
加拿大最大的书店:Indigo
2017/01/01 全球购物
判断单链表中是否存在环
2012/07/16 面试题
Python里面如何拷贝一个对象
2014/02/17 面试题
外国语学院毕业生自荐信
2013/10/28 职场文书
心碎乌托邦的创业计划书范文
2013/12/26 职场文书
给民警的表扬信
2014/01/08 职场文书
勾股定理课后反思
2014/04/26 职场文书
辞职信范文大全
2015/03/02 职场文书
求职导师推荐信范文
2015/03/27 职场文书