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数组实现分类统计实例代码，希望对大家有所帮助