JavaScript中替代多层.forEach()循环实现特定数据过滤的方法

需求与现有实现 #

需求：过滤数据集中值为0的键值对，若某个父键下所有子属性值均为0（如键41521、41530），则完全移除该父键值对。

现有实现代码：

const simpleData = {
    "41511": {
        "count": 0,
        "probability": 0.000017
    },
    "41521": {
        "count": 0,
        "probability": 0
    },
    "41530": {
        "count": 0,
        "probability": 0
    },
    "41540": {
        "count": 0,
        "probability": 0.000085
    },
    "41551": {
        "count": 1,
        "probability": 1
    }
};

acc = {};

Object.entries(simpleData).forEach(([key, value]) => {
    acc[key] = {};
    Object.entries(value).forEach(([k, v]) => {
        if (v !== 0) acc[key][k] = v;
    });
    if (Object.keys(acc[key]).length === 0) delete acc[key];
});

console.log('acc ', acc);

提问：当前实现使用了两层.forEach()循环，请问是否有其他方法可避免多层.forEach()循环来实现该过滤逻辑？

替代实现方法 #

方法1：使用Object.fromEntries结合数组方法 #

利用Object.fromEntries将键值对数组转回对象，配合map处理子对象、filter过滤空父键，避免显式嵌套循环：

const filteredData = Object.fromEntries(
  Object.entries(simpleData)
    .map(([key, obj]) => {
      // 过滤子对象中值为0的属性
      const filteredObj = Object.fromEntries(
        Object.entries(obj).filter(([_, v]) => v !== 0)
      );
      return [key, filteredObj];
    })
    // 移除子对象为空的父键
    .filter(([_, obj]) => Object.keys(obj).length > 0)
);

console.log(filteredData);

方法2：使用reduce函数完成一次遍历 #

用reduce整合遍历、子对象过滤、空父键移除的逻辑，同样避免多层forEach：

const filteredData = Object.entries(simpleData).reduce((acc, [key, obj]) => {
  const filteredObj = Object.fromEntries(
    Object.entries(obj).filter(([_, v]) => v !== 0)
  );
  // 仅保留非空的子对象
  if (Object.keys(filteredObj).length > 0) {
    acc[key] = filteredObj;
  }
  return acc;
}, {});

console.log(filteredData);

方法说明 #

两种方案都用Object.fromEntries+filter替代了内层forEach来过滤子属性，外层通过数组方法或reduce完成遍历与结果组装，代码更简洁且消除了显式的多层循环嵌套逻辑。

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