本文讲解如何将一个“矩形”二维数组（即每行长度相等）按列切分，得到由各列组成的数组，核心是利用首行索引驱动外层遍历，避免因按行数遍历导致列缺失的问题。

本文讲解如何将一个“矩形”二维数组（即每行长度相等）按列切分，得到由各列组成的数组，核心是利用首行索引驱动外层遍历，避免因按行数遍历导致列缺失的问题。

在处理二维数组时，常需将“行优先”的数据结构转换为“列优先”视图——例如用于矩阵转置、表格列聚合或可视化库的数据预处理。但若直接对主数组（行数组）调用 .map()，其迭代次数等于行数，会导致仅能提取前 N 列（N = 行数），而忽略实际存在的更多列（如输入为 3 行 × 4 列时，错误方法只返回 3 列）。

正确思路是：以列数为基准进行外层遍历。由于矩形数组各行长度一致，可安全使用 array[0].length 获取总列数，或更简洁地——直接基于首行 array[0] 调用 .map()，利用其索引 i 去逐行提取第 i 个元素。

以下是推荐的实现方式：

const arr = [
  [1, 2, 3, 4],
  [1, 2, 3, 4],
  [1, 2, 3, 4]
];

// ✅ 正确：以首行长度为列总数，i 遍历所有列索引
const columns = arr[0].map((_, i) => 
  arr.map(row => row[i])
);

console.log(columns);
// 输出: [[1, 1, 1], [2, 2, 2], [3, 3, 3], [4, 4, 4]]

该方案本质是两次 map 的嵌套：

• 外层 arr[0].map(...)：遍历首行的每个索引 i（即列号），确保覆盖全部列；
• 内层 arr.map(row => row[i])：对每一行提取第 i 列元素，构成新列数组。

⚠️ 注意事项：

• 前提必须是矩形数组：所有子数组长度严格相等，否则 row[i] 可能为 undefined；
• 若需健壮性处理非矩形输入，应先校验：

  if (!arr.every(row => row.length === arr[0].length)) {
    throw new Error("Input is not a rectangular 2D array");
  }

• 性能上为 O(m×n) 时间复杂度（m 行，n 列），空间复杂度 O(m×n)，属最优解，无可避免的全量遍历。

总结：提取二维矩形数组所有列的关键，在于将列索引作为外层遍历依据，而非依赖行数组自身长度。这一模式简洁、高效且符合函数式编程思想，适用于 JavaScript 中绝大多数数据整形场景。