JavaScript 中怎么对接口返回的设备状态数据进行归类统计-js教程-PHP中文网

对接口设备状态数据归类统计的核心是解析原始结构后按status或type字段分组计数，推荐用reduce或map高效聚合，并处理字段不统一、空数据、时间过滤等边界情况。

javascript 中怎么对接口返回的设备状态数据进行归类统计

对接口返回的设备状态数据做归类统计，核心是先解析原始数据结构，再按状态字段（如 online、offline、error）或设备类型（如 sensor、camera、gateway）分组计数。关键在于用 Array.prototype.reduce() 或 Map 高效聚合，避免重复遍历。

明确数据结构，提取关键分类维度

先确认接口返回的数据格式。常见结构如下：

[{
  "id": "dev-001",
  "type": "sensor",
  "status": "online",
  "lastHeartbeat": "2024-06-10T08:23:15Z"
}, {
  "id": "dev-002",
  "type": "camera",
  "status": "offline",
  "lastHeartbeat": "2024-06-09T14:11:02Z"
}]

你需要决定按哪个字段归类：通常是 status（运行状态）、type（设备类型），或两者组合。如果字段名不统一（比如有的叫 state，有的叫 status），建议先用 map 统一标准化。

按单一字段统计（如 status）

用 reduce 累计每种状态出现次数：

const statsByStatus = data.reduce((acc, device) => {
  const key = device.status || 'unknown';
  acc[key] = (acc[key] || 0) + 1;
  return acc;
}, {});

结果示例：{ online: 12, offline: 3, error: 1, unknown: 0 }。也可以用 Map 替代普通对象，更安全（避免原型污染）：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

初始化 const map = new Map()
更新时用 map.set(key, (map.get(key) || 0) + 1)
转为对象可用 Object.fromEntries(map)

按多维度交叉统计（如 type × status）

适合分析“某类设备中各状态占比”。推荐嵌套结构：

const crossStats = data.reduce((acc, device) => {
  const type = device.type || 'unknown';
  const status = device.status || 'unknown';
  
  if (!acc[type]) acc[type] = {};
  acc[type][status] = (acc[type][status] || 0) + 1;
  
  return acc;
}, {});

结果形如：{ sensor: { online: 8, offline: 1 }, camera: { online: 4, error: 1 } }。后续可轻松计算百分比，例如 sensor 的在线率 = 8 / (8+1)。