在JavaScript中二维数组转置

在前端开发中，我们经常需要操作二维数组。有时候，需要将二维数组进行转置，即行变列、列变行。本文将介绍如何在JavaScript中实现二维数组的转置。

什么是转置？

转置指的是将一个矩阵的行和列互换位置，得到一个新的矩阵。例如，对于下面的二维数组：

[
  [1, 2, 3],
  [4, 5, 6]
]

经过转置后，会得到以下结果：

[
  [1, 4],
  [2, 5],
  [3, 6]
]

可以看到，原来的二维数组是一个2行3列的矩阵，而转置后得到了一个3行2列的矩阵。

转置的实现方法

方法一：使用双重循环

最简单直接的方式就是使用双重循环遍历原始数组，并按照行列互换的方式生成新的数组。具体代码如下：

-- -------------------- ---- -------
-------- -------------- -
  ----- ------ - ---
  --- ---- - - -- - - -------------- ---- -
    --------- - ---
    --- ---- - - -- - - ----------- ---- -
      ------------ - ----------
    -
  -
  ------ -------
-

这个方法的时间复杂度为O(n^2)，其中n为二维数组的大小。

方法二：使用reduce函数

我们还可以使用reduce函数来实现二维数组的转置。具体代码如下：

function transpose(arr) {
  return arr.reduce((prev, next) => next.map((item, i) =>
    (prev[i] || []).concat(next[i])
  ), []);
}

这个方法的时间复杂度为O(n)，其中n为二维数组的大小。

总结

二维数组转置在前端开发中是一个比较常见的操作，掌握它能够帮助我们更方便地进行矩阵运算等操作。本文介绍了两种常见的实现方式，读者可以根据自己的需求选择适合自己的方法。

示例代码

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

console.log(transpose(arr)); // [[1, 4], [2, 5], [3, 6]]

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12089