本文介绍如何将多个同长度字段的数值数组，按索引位置“竖向拉直”，转换为嵌套数组形式（即矩阵转置），适用于动态字段数量的 api 数据格式化场景。
本文介绍如何将多个同长度字段的数值数组，按索引位置“竖向拉直”，转换为嵌套数组形式（即矩阵转置），适用于动态字段数量的 api 数据格式化场景。
在处理来自 API 的结构化字段数据时，常遇到类似如下嵌套格式：每个字段（如 "A"、"B"）携带一个 values.data 数值数组，且各数组长度一致。而业务需求往往需要将其“转置”——即把原按字段组织的数据，变为按数据索引对齐的行式结构，例如 [ [1,6], [2,7], ... ]。这种操作本质上是二维数组的转置（transpose），但输入并非标准矩阵，而是对象数组，需先提取、再重组。
以下是一个健壮、可扩展的实现方案：
function transposeFields(fields) {
// 安全获取基准长度：取第一个字段的数据长度
const length = fields[0]?.values?.data?.length;
if (typeof length !== 'number' || length
!Array.isArray(field.values?.data) || field.values.data.length !== length
);
if (hasInconsistentLength) {
throw new Error('All fields must have arrays of identical length in values.data');
}
// 执行转置：外层遍历索引，内层遍历字段
const result = [];
for (let i = 0; i field.values.data[i]);
result.push(row);
}
return result;
}
✅ 使用示例：
const fields = [
{ name: "A", values: { data: [1, 2, 3, 4, 5] } },
{ name: "B", values: { data: [6, 7, 8, 9, 10] } },
{ name: "C", values: { data: [11, 12, 13, 14, 15] } }
];
console.log(transposeFields(fields));
// 输出：[[1,6,11], [2,7,12], [3,8,13], [4,9,14], [5,10,15]]
? 关键要点说明：
- 动态适配：函数不依赖字段数量（支持 2 个、3 个或 N 个字段），仅要求 values.data 数组长度统一；
- 防御性编程：通过可选链（?.）和类型检查避免运行时错误，明确抛出语义化错误便于调试；
- 性能友好：时间复杂度 O(m×n)，其中 m 为字段数、n 为单个数组长度；空间复杂度 O(m×n)，无冗余拷贝；
- 可组合性：该函数可无缝集成至数据层（如 Axios 响应拦截器）或 React/Vue 的 computed 属性中。
⚠️ 注意事项：
- 若字段数据长度不一致，请先标准化（如截断、填充 null 或报错中断），切勿静默忽略；
- 如需支持稀疏数组或 undefined 元素，可在 map 中添加默认值逻辑（例如 field.values.data[i] ?? null）；
- TypeScript 用户可补充类型定义，进一步提升类型安全（如 fields: Array)。
掌握此模式后，你不仅能解决当前问题，还能快速应对类似场景：如多指标时间序列对齐、表格列转行渲染、CSV 导出预处理等。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
