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 相关文章推荐
ExtJS 2.0实用简明教程之应用ExtJS
Apr 29 Javascript
js调用webservice中的方法实现思路及代码
Feb 25 Javascript
探讨JavaScript中声明全局变量三种方式的异同
Dec 03 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
Dec 04 Javascript
js点击文本框弹出可选择的checkbox复选框
Feb 03 Javascript
再谈javascript注入 黑客必备!
Sep 14 Javascript
Zabbix添加Node.js监控的方法
Oct 20 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
Oct 24 Javascript
微信小程序 数组中的push与concat的区别
Jan 05 Javascript
create-react-app安装出错问题解决方法
Sep 04 Javascript
layui自定义ajax左侧三级菜单
Jul 26 Javascript
一文搞懂redux在react中的初步用法
Jun 09 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生成excel文件的简单方法
2014/02/08 PHP
文本加密解密
2006/06/23 Javascript
JavaScript高级程序设计
2006/12/29 Javascript
建立良好体验度的Web注册系统ajax
2007/07/09 Javascript
jQuery 全选效果实现代码
2009/03/23 Javascript
基于Jquery的简单&amp;简陋Tabs插件代码
2010/02/09 Javascript
Jquery 扩展方法
2010/05/06 Javascript
javascript中的return和闭包函数浅析
2014/06/06 Javascript
JS实现自动切换文字的导航效果代码
2015/08/27 Javascript
简单实现兼容各大浏览器的js复制内容到剪切板
2015/09/09 Javascript
Bootstrap三种表单布局的使用方法
2016/06/21 Javascript
解决nodejs中使用http请求返回值为html时乱码的问题
2017/02/18 NodeJs
关于ES6的六个小特性(二)
2017/02/20 Javascript
vue2.0 axios前后端数据处理实例代码
2017/06/30 Javascript
JS验证输入的是否是数字及保留几位小数问题
2018/05/09 Javascript
详解vue-router 命名路由和命名视图
2018/06/01 Javascript
js form表单input框限制20个字符,10个汉字代码实例
2019/04/12 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
2020/09/22 Javascript
Python模拟用户登录验证
2017/09/11 Python
Python3.5 Pandas模块缺失值处理和层次索引实例详解
2019/04/23 Python
Python  Django 母版和继承解析
2019/08/09 Python
Python 最强编辑器详细使用指南(PyCharm )
2019/09/16 Python
django实现web接口 python3模拟Post请求方式
2019/11/19 Python
python查找特定名称文件并按序号、文件名分行打印输出的方法
2020/04/24 Python
windows10 pycharm下安装pyltp库和加载模型实现语义角色标注的示例代码
2020/05/07 Python
django form和field具体方法和属性说明
2020/07/09 Python
Mio Skincare法国官网:身体紧致及孕期身体护理
2018/04/04 全球购物
联想韩国官网:Lenovo Korea
2018/05/10 全球购物
行政前台岗位职责
2013/12/04 职场文书
高中自我评价分享
2013/12/05 职场文书
外语系大学生自荐信范文
2014/03/01 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
毕业设计致谢词
2015/05/14 职场文书
周恩来的四个昼夜观后感
2015/06/03 职场文书
Python中使用subprocess库创建附加进程
2021/05/11 Python