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实现图片轮播效果代码
Sep 03 Javascript
css样式标签和js语法属性区别
Nov 06 Javascript
js中函数调用的两种常用方法使用介绍
Jul 17 Javascript
js分页工具实例
Jan 28 Javascript
jQuery插件EnPlaceholder实现输入框提示文字
Jun 05 Javascript
AngularJS入门教程之AngularJS 模板
Aug 18 Javascript
webpack组织模块打包Library的原理及实现
Mar 10 Javascript
vue中$refs的用法及作用详解
Apr 24 Javascript
Vue + better-scroll 实现移动端字母索引导航功能
May 07 Javascript
React Native基础入门之调试React Native应用的一小步
Jul 02 Javascript
OpenLayer3自定义测量控件MeasureTool
Sep 28 Javascript
JavaScript实现前端网页版倒计时
Mar 24 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
全国FM电台频率大全 - 16 河南省
2020/03/11 无线电
咖啡豆要不要放冰箱的原因
2021/03/04 冲泡冲煮
PHP number_format() 函数定义和用法
2012/06/01 PHP
php图片加中文水印实现代码分享
2012/10/31 PHP
Zend的MVC机制使用分析(一)
2013/05/02 PHP
php设计模式之观察者模式的应用详解
2013/05/21 PHP
PHP设计模式之原型模式定义与用法详解
2018/04/03 PHP
PHP+jQuery实现即点即改功能示例
2019/02/21 PHP
laravel 创建命令行命令的图文教程
2019/10/23 PHP
Nigma vs Liquid BO3 第二场2.14
2021/03/10 DOTA
Array.prototype.slice.apply的使用方法
2010/03/17 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
2013/03/26 Javascript
JavaScript之AOP编程实例
2015/07/17 Javascript
jquery读写cookie操作实例分析
2015/12/24 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
2016/12/28 Javascript
jquery滚动条插件slimScroll使用方法
2017/02/09 Javascript
Javascript ES6中数据类型Symbol的使用详解
2017/05/02 Javascript
一步一步实现Vue的响应式(对象观测)
2019/09/02 Javascript
JS运算符简单用法示例
2020/01/19 Javascript
JS代码检查工具ESLint介绍与使用方法
2020/02/04 Javascript
如何在vue中使用jointjs过程解析
2020/05/29 Javascript
javascript实现点击产生随机图形
2021/01/25 Javascript
简单解析Django框架中的表单验证
2015/07/17 Python
浅析Python基础-流程控制
2016/03/18 Python
Python批量查询域名是否被注册过
2017/06/21 Python
Python实现字符串格式化输出的方法详解
2017/09/20 Python
Python中类的创建和实例化操作示例
2019/02/27 Python
Python使用Pandas对csv文件进行数据处理的方法
2019/08/01 Python
wxPython实现整点报时
2019/11/18 Python
python3 deque 双向队列创建与使用方法分析
2020/03/24 Python
布鲁明戴尔百货店:Bloomingdale’s
2016/12/21 全球购物
最新教师自我评价分享
2013/11/12 职场文书
平面设计岗位职责
2013/12/14 职场文书
绘画专业自荐信范文
2014/02/23 职场文书
聘任书的写作格式及范文
2014/03/29 职场文书
使用Python拟合函数曲线
2022/04/14 Python