48. 旋转图像（JavaScript）

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

将图像顺时针旋转 90 度。

说明：

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

示例 1:

给定 matrix = 
[
  [1,2,3],
  [4,5,6],
  [7,8,9]
],

原地旋转输入矩阵，使其变为:
[
  [7,4,1],
  [8,5,2],
  [9,6,3]
]

示例 2:

给定 matrix =
[
  [ 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]
]

---

思路：

旋转不过是交换矩阵元素，例如四个顶点的交换，需要用到一个临时变量。

以三行三列的矩阵为例交换顶点的步骤：

[0][0] -> [[0][2] -> [2][2] -> [2][0] -> [0][0]

每次都交换4个点的值。

三行三列中（0，1）的有关交换：

[0][1] -> [1][2] -> [2][1] -> [1][0] -> [0][1]

由此推广到一般情况：

n行n列的（i，j）有关的交换：

[i][j] -> [j][n-i-1] -> [n-i-1][n-j-1] -> [n-j-1][i] -> [i][j]

再来判断for循环的控制条件。

对于三行三列的矩阵，只需按（0，0）和（0，1）交换即可；

对于四行四列的矩阵，只需按（0，0）、（0，1）、（0，2）和（1，1）交换即可。

由此推广到一般情况：

n行n列中，i 从0开始，并小于 parseInt(n/2) （取整），j从i开始，并小于n - i - 1.

/**
 * @param {number[][]} matrix
 * @return {void} Do not return anything, modify matrix in-place instead.
 */
var rotate = function(matrix) {
  let temp, l = matrix.length
  for (let i = 0; i < parseInt(l / 2); i ++) {
    for (let j = i; j < l - i - 1; j ++) {
      temp = matrix[i][j]
      matrix[i][j] = matrix[l-j-1][i]
      matrix[l-j-1][i] = matrix[l-i-1][l-j-1]
      matrix[l-i-1][l-j-1] = matrix[j][l-i-1]
      matrix[j][l-i-1] = temp
    }
  }
};