JavaScript 数组对象优化：单次遍历实现多条件分组统计-js教程-PHP中文网

JavaScript 数组对象优化：单次遍历实现多条件分组统计

本文介绍如何通过一次遍历替代多次 filter() 调用，高效构建含分类计数与子集对象的数组结构，显著提升性能并增强代码可维护性。

本文介绍如何通过一次遍历替代多次 `filter()` 调用，高效构建含分类计数与子集对象的数组结构，显著提升性能并增强代码可维护性。

在处理大型请求数据（如 details.request）时，频繁调用 Array.prototype.filter() 会导致严重的性能损耗——每次调用都需完整遍历整个数组。原代码中为计算“In-Progress”“Success”“Failed”三类的 count 和 additionalObj，共执行了 6 次独立遍历（每个类别 2 次），时间复杂度达 O(6n)，且存在重复逻辑和冗余判断。

更优解是采用 单次遍历 + 分类累加 策略：使用 forEach 或 for...of 遍历一次原始数组，根据 statusId 值同步更新对应计数器与结果数组。该方法将时间复杂度降至 O(n)，内存访问局部性更好，且逻辑清晰、易于扩展。

以下是优化后的专业实现：

OpenJDK 24

下载

function partitionRequests(details: { request: { statusId: number }[] }) {
  let inProgressCount = 0;
  let successCount = 0;
  let failedCount = 0;

  const successAdditionalObj: typeof details.request = [];
  const failedAdditionalObj: typeof details.request = [];

  for (const req of details.request) {
    switch (req.statusId) {
      case 0:
      case 1:
      case 3:
      case 4:
        inProgressCount++;
        break;
      case 6:
        successCount++;
        successAdditionalObj.push(req);
        break;
      case 2:
      case 5:
        failedCount++;
        failedAdditionalObj.push(req);
        break;
      // 忽略其他 statusId（如 undefined、7+），无需 default 分支也可保持静默
    }
  }

  return [
    {
      label: 'Total',
      count: details.request.length,
    },
    {
      label: 'In-Progress',
      count: inProgressCount,
    },
    {
      label: 'Success',
      count: successCount,
      additionalObj: successAdditionalObj,
    },
    {
      label: 'Failed',
      count: failedCount,
      additionalObj: failedAdditionalObj,
    },
  ];
}

// 使用方式（TypeScript/JS 均适用）
this.data = partitionRequests(details);

✅ 关键优化点说明：

✅ 零重复遍历：仅一次 for...of 完成全部分类与收集；
✅ 类型安全（TS 友好）：复用 typeof details.request 推导子数组类型；
✅ 语义清晰：switch 比链式 || 判断更易读、更易维护，也利于 V8 引擎优化；
✅ 内存友好：避免 filter() 创建中间数组，减少 GC 压力；
✅ 可扩展性强：新增状态分类只需在 switch 中添加 case，无需新增遍历逻辑。

⚠️ 注意事项：

若 details.request 可能为 undefined 或 null，建议在函数开头添加守卫：if (!Array.isArray(details?.request)) return [];；
如需兼容 IE，将 for...of 替换为传统 for (let i = 0; i
若后续需支持动态配置状态映射（如从外部传入规则），可进一步封装为高阶函数，但当前场景下硬编码 switch 更高效、更直观。

综上，单次遍历不仅是性能优化的最佳实践，更是面向数据聚合场景的工程范式升级——用确定性的控制流替代冗余的函数式调用，让代码既快又稳。