第一次刷leetcode，正好在重新学习矩阵的几何解释，发现用几何知识来求解，可以非常直观的理解矩阵旋转。虽然题目要求不能用另外一个矩阵来旋转图像，但实际应用中，元素之间并不会有规律可循，所以几何方法是最直观的，代码也最容易理解和阅读

原题要求是：

例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]
]

以此类推n*n矩阵

先作图，画一个3*3的图像，并标出坐标。实线为旋转前的，虚线为旋转90度后的图像，可根据简单的规则，点A(x,y)旋转90度后的坐标是A`(y, -x)，图像旋转后，可以把实例[[1,2,4],...]套进去，这个时候，不需要关心矩阵中的数值是否有关联规则，可以是任意数，变换后其所代表的数值仍然保持不变。

具体解决方案如下

var rotate = function(matrix) {
    const obj = {}
    const arr = []
    matrix.forEach((item, index) => {
        arr[index] = []
        item.forEach((each, number) => {
            obj[(index)+''+(number)] = each
            obj[(index)+''+(-number)] = each
            arr[index].push([index, number])
        })
    })
    const arr1 = []
    arr.forEach((item, index) => {
        arr1[index] = []
        item.forEach((each, number) => {
            arr1[index].unshift([each[1], -each[0]])
        })
    })
    arr1.forEach((item, index) => {
        item.forEach((each, number) => {
            matrix[index][number] = obj[each.join('')]
        })
    })
};