本文介绍在 javascript 中将矩形二维数组（即每行长度相等）按列切分，生成由各列组成的嵌套数组的方法，并提供简洁、健壮的函数实现与关键注意事项。
本文介绍在 javascript 中将矩形二维数组（即每行长度相等）按列切分，生成由各列组成的嵌套数组的方法，并提供简洁、健壮的函数实现与关键注意事项。
在处理表格型数据（如 CSV 解析结果、矩阵运算或前端表格渲染）时，常需将“行优先”的二维数组（例如 [[1,2,3],[4,5,6],[7,8,9]]）转换为“列优先”结构（即 [[1,4,7],[2,5,8],[3,6,9]]）。这一操作本质是数组转置（transpose），其前提条件是输入为严格矩形——所有子数组长度一致；否则列索引将越界或产生 undefined。
核心思路是：不遍历外层数组（行），而是遍历首行（array[0]）的索引，再对每一行提取该索引位置的元素。这避免了因外层数组长度小于列数而导致的截断问题（如原提问中输出只有 3 列而非预期 4 列）。
以下为推荐实现：
const transpose = (array) => {
if (!Array.isArray(array) || array.length === 0 || !Array.isArray(array[0])) {
throw new Error('Input must be a non-empty rectangular 2D array');
}
return array[0].map((_, colIndex) =>
array.map(row => row[colIndex])
);
};
// 示例使用
const matrix = [
[1, 2, 3, 4],
[1, 2, 3, 4],
[1, 2, 3, 4]
];
console.log(transpose(matrix));
// 输出: [[1, 1, 1], [2, 2, 2], [3, 3, 3], [4, 4, 4]]✅ 优势说明：
- 仅依赖首行长度确定列数，确保覆盖全部列；
- 使用函数式链式调用，无副作用，符合不可变编程习惯；
- 时间复杂度为 O(m×n)，空间复杂度 O(m×n)，为最优解。
⚠️ 关键注意事项：
- 必须校验矩形性：生产环境应增加每行长度一致性检查（如 array.every(row => row.length === array[0].length)），否则越界访问会静默返回 undefined；
- 空数组/单行边界处理：上述代码已包含基础防御，但若需支持空行（如 [[],[]]），需额外判断 array[0].length 是否为 0；
-
类型安全提示：若使用 TypeScript，可定义类型 type Matrix
= T[][]; 并约束泛型，提升可维护性。
总结：列提取的本质是转置，正确做法是以列数（即首行长度）为迭代基准，而非行数。掌握此模式，可轻松应对数据透视、行列聚合、图表坐标转换等常见工程场景。
