将水果数组中同类的水果合并为一条并求出总数
- 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数组实现分类统计实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对w3xue网站的支持!