JavaScript如何从数组生成统计对象并统计重复元素的出现次数

完整实现代码 #

const obj = {
  viktor: ["apple", "grape", "orange", "apple", "banana"],
  kate: ["grape", "orange", "apple", "grape", "banana"]
};

function calc(a) {
  // 初始化最终返回的统计结果对象
  const result = {};
  // 遍历输入对象的所有属性名（即viktor、kate这类用户名）
  for (const userName in a) {
    // 为当前用户创建专属的统计子对象
    result[userName] = {};
    // 遍历当前用户对应的水果数组
    a[userName].forEach(fruit => {
      // 累加统计水果出现次数：已存在则计数+1，不存在则初始化计数为1
      result[userName][fruit] = (result[userName][fruit] || 0) + 1;
    })
  }
  return result;
}

console.log(calc(obj));

问题解答 #

• 如何在返回的结果对象中创建"viktor"和"kate"两个子对象？
  不需要手动硬编码生成子对象，直接遍历原始输入对象的所有键（本例中就是viktor、kate两个键），给结果对象的对应键赋值空对象即可，后续直接往这个空对象中写入统计数据即可。该写法也兼容后续输入对象新增其他用户属性的场景，不需要修改核心逻辑。
• 如何统计每个数组中"apple"、"grape"等同名元素的出现次数？
  遍历每个用户对应的水果数组，以水果名称作为子对象的键做累加计数：如果当前水果名已经在子对象中存在对应计数，就给计数值+1；如果不存在对应计数，就默认取0再加1，完成首次计数的初始化赋值。

内容的提问来源于stack exchange，提问作者Sweet Caramel