给定一个 n × n 的二维矩阵表示一个图像。

将图像顺时针旋转 90 度。

说明：

你必须在原地旋转图像，这意味着你需要直接修改输入的二维矩阵。请不要使用另一个矩阵来旋转图像。

示例 1:

[
  [1,2,3],
  [4,5,6],
  [7,8,9]
],

原地旋转输入矩阵，使其变为:

[
  [7,4,1],
  [8,5,2],
  [9,6,3]
]
</pre>

示例 2:

[
  [ 5, 1, 9,11],
  [ 2, 4, 8,10],
  [13, 3, 6, 7],
  [15,14,12,16]
], 

原地旋转输入矩阵，使其变为:

[
  [15,13, 2, 5],
  [14, 3, 4, 1],
  [12, 6, 8, 9],
  [16, 7,10,11]
]

这道题的难点在于如何交换数组的元素

解法如下

    var matrix = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
    // var matrix = [
    //   [1, 2, 3, 4],
    //   [5, 6, 7, 8],
    //   [9, 10, 11, 12],
    //   [13, 14, 15, 16],
    // ];
    var rotate = function(matrix) {
      let n = matrix.length;
      for (let i = 0; i < n / 2; ++i) {
        //控制层次
        for (let j = i; j < n - 1 - i; ++j) {
          //控制需要互相交换的组数
          [
            matrix[i][j], //first
            matrix[n - 1 - j][i], //second
            matrix[n - 1 - i][n - 1 - j], //third
            matrix[j][n - 1 - i], //fouth
          ] = [
            matrix[n - 1 - j][i], //second
            matrix[n - 1 - i][n - 1 - j], //third
            matrix[j][n - 1 - i], //fouth
            matrix[i][j], //first
          ];
        }
      }
    };

    rotate(matrix);
    console.log("xd", matrix);
  

如下图，我们以3*3 的矩阵为例,

  [1,2,3],
  [4,5,6],
  [7,8,9]

规律

1 4 7 8 9 6 3 2这层
逆时针顺序
组1:交换1 7 9 3为 7 9 3 1
组2:交换2 4 8 6 为 4 8 6 2

5 这层不需要交换,组1与组2的交换互不影响
所以需要两层循环，第一层控制层次，第二层控制需要交换的组数

上述规律适用于n*n 矩阵!

问题1:

您觉得下面这种交换方式可读性怎么样，您还有更好的写法吗？

    [
            matrix[i][j], //first
            matrix[n - 1 - j][i], //second
            matrix[n - 1 - i][n - 1 - j], //third
            matrix[j][n - 1 - i], //fouth
          ] = [
            matrix[n - 1 - j][i], //second
            matrix[n - 1 - i][n - 1 - j], //third
            matrix[j][n - 1 - i], //fouth
            matrix[i][j], //first
          ];

问题2:

除了4个元素交换的方式外，您还有其他的解法吗？

问题3:

对于i 、j 、n - 1 - j、n - 1 - i 这种变量命名您是否觉得不容易理解，可读性比较差呢？