二维数组转置

最近业务中，有如下需求，将表格1行列转换，成为表格2的表现形式，其重点是内容区域值的绑定及渲染。
假设表格1的绑定key是：
var arr = [ [a1, a2, a3, a4],
[b1, b2, b3, b4],
[c1, c2, c3, c4],
[d1, d2, d3, d4],
[e1, e2, e3, e4] ]

则表格2的绑定key应该是：
[ [a1, b1, c1, d1, e1],
[a2, b2, c2, d2, e2],
[a3, b3, c3, d3, e3],
[a4, b4, c4, d4, e4] ]

办法一：

var newArr = [];
// 根据旧数组的列，确定转置后数组应有多少行
for(var i = 0; i<arr[0].length; i++){
 	newArr[i] = [];
 }
 for(var i = 0; i<arr.length; i++){
 	for(var j = 0; j<arr[i].length; j++){
 		newArr[j][i] = arr[i][j];
 	}
 }

办法二：

var newArr = arr[0].map(function (col, i) {
       return arr.map(function (row) {
           return row[i];
       })
  });