本文介绍在 javascript 中高效提取二维矩形数组（即每行长度相等）所有列的方法，核心是利用首行长度驱动外层映射，再逐行取对应索引元素，避免因按行遍历导致列数截断的问题。
本文介绍在 javascript 中高效提取二维矩形数组（即每行长度相等）所有列的方法，核心是利用首行长度驱动外层映射，再逐行取对应索引元素，避免因按行遍历导致列数截断的问题。
在处理二维数组时，常需将“按行存储”的数据转换为“按列组织”的结构——例如进行矩阵转置、列聚合统计或图表数据预处理。但若直接对主数组调用 .map()（如 arr.map((_, i) => arr.map(row => row[i]))），其迭代次数仅由外层数组长度决定，会导致列数被错误限制为行数，而非真正的列数。这正是提问中输出 [[1,1,1],[2,2,2],[3,3,3]]（仅 3 列）而非期望的 [[1,1,1],[2,2,2],[3,3,3],[4,4,4]]（4 列）的根本原因。
✅ 正确思路是：以首行（array[0]）的长度为列总数基准，因为矩形数组中所有行长度一致。然后对首行的每个索引 i，遍历所有行并提取第 i 个元素。
以下是简洁可靠的实现：
const transposeColumns = (array) => {
if (!Array.isArray(array) || array.length === 0 || !Array.isArray(array[0])) {
throw new Error('Input must be a non-empty 2D rectangular 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(transposeColumns(matrix));
// 输出: [[1,1,1], [2,2,2], [3,3,3], [4,4,4]]? 关键点解析：
- array[0].map(...) 确保外层循环次数 = 列数（即 array[0].length），彻底规避“列数丢失”；
- 内层 array.map(row => row[colIndex]) 遍历每一行，安全获取该列所有值；
- 无需手动 for 循环或 reduce，函数式写法清晰且具备不可变性。
⚠️ 注意事项：
- 此方法严格依赖矩形前提（每行长度相同）。若输入不满足，row[colIndex] 可能返回 undefined，建议生产环境增加校验（如 array.every(row => row.length === array[0].length)）；
- 空数组或非数组输入需前置防御，示例中已包含基础异常提示；
- 若需兼容稀疏数组或存在 null/undefined 行，应增强内层访问逻辑（如 row?.[colIndex] ?? null）。
总结：提取二维矩形数组的列，本质是“以列为轴心”的映射操作。始终让外层 .map() 绑定到首行长度，是保证结果完整性的关键设计模式。
