JS数组实现分类统计实例代码
更新时间：2018年09月30日 08:26:36 作者：SwitchCase_
本文通过实例代码给大家介绍了js数组实现分类统计的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
将水果数组中同类的水果合并为一条并求出总数
var fruits =
[{
name: 'apple',
value: 1
},
{
name: 'apple',
value: 2
}, // 总计3个苹果
{
name: 'banana',
value: 2
},
{
name: 'banana',
value: 3
}]; // 总计5个香蕉
var fruitTotal = []; // 存最终数据结果
// 数据按照水果名称进行归类
var nameContainer = {}; // 针对键name进行归类的容器
fruits.forEach(item => {
nameContainer[item.name] = nameContainer[item.name] || [];
nameContainer[item.name].push(item);
});
console.log(nameContainer); // 按照水果名称归类完成：{ apple: Array(2), banana: Array(2) }
// 统计不同种类水果的数量
var fruitName = Object.keys(nameContainer); // 获取水果种类：["apple", "banana"]
fruitName.forEach(nameItem => {
let count = 0;
nameContainer[nameItem].forEach(item => {
count += item.value; // 遍历每种水果中包含的条目计算总数
});
fruitTotal.push({'name': nameItem, 'total': count});
});
console.log(fruitTotal);
// 输出结果：
// [{ name: "apple", total: 3 },
// { name: "banana", total: 5 }]
总结
以上所述是小编给大家介绍的JS数组实现分类统计实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了浅谈webpack对样式的处理，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
第一种，将日期字符串先截取，然后拼接；第二种，就是利用正则表达式去掉“-”本例选择第二种，比较快捷不容易出错2014-07-07
Javascript作为一门大型编程语言,在日常开发中难免会涉及到大量的数学计算,然而,浮点数在计算过程中可能出现精度的问题,下面我们就来学习一下Javascript中高精度计算及其相关知识吧2023-11-11
这篇文章主要介绍了js控制页面的全屏展示和退出全屏显示的方法,实例分析了javascript控制页面全屏效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
javascript模版引擎-tmpl的bug修复与性能优化分析
在平时编码中，经常要做拼接字符串的工作，如把json数据用HTML展示出来，以往字符串拼接与逻辑混在在一起会让代码晦涩不堪，加大了多人协作与维护的成本。而采用前端模板机制就能很好的解决这个问题2011-10-10
这篇文章主要介绍了js获取html代码中图片地址的实现代码,需要的朋友可以参考下2018-03-03
下面小编就为大家带来一篇JS定时器使用,定时定点,固定时刻,循环执行详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
本文给大家汇总了在javascript方法中返回多个值的方法，都是在个人项目中检验过的，这里推荐给大家，有需要的小伙伴可以参考下。2015-05-05
这篇文章主要介绍了JavaScript时间戳与时间相互转换的常用方法,包括获取当前时间戳、时间戳转时间对象、时间戳转格式化字符串、时间字符串转时间戳等,还讨论了常见应用场景如计算时间差、倒计时和UTC与本地时间互转,需要的朋友可以参考下2025-04-04
这篇文章主要介绍了JavaScript隐式类型转换操作,结合实例形式分析了JavaScript隐式类型转换操作相关实现技巧与注意事项,需要的朋友可以参考下2020-05-05
最新评论