Как сделать сдвиг первых элементов многомерного массива?

var arr = [[1,1,1],[2,2,2],[3,3,3]];
 
var box2 = [[1,1,1],[2,2,2],[3,3,3]];
var tmp = [[1,1,1],[2,2,2],[3,3,3]];
function main()
{
  
  document.onmousedown = myDown;
}
function myDown(e){
  alert(arr);
  rotateface(arr);
}
function rotateface(cube)
{
            var tmp = box;
            tmp[0][0]=box[1][0];
            tmp[1][0]=box[2][0];
            tmp[2][0]=box[0][0];
            box2 = tmp;
}

let btn = document.getElementById('btn');
let arr = [[1,1,1],[2,2,2],[3,3,3]];
console.log(arr);
let shiftEl = arr => {
    let tmp = arr[0][0];
    for(let i = 0; i < arr.length; i++){
        if(i == arr.length - 1)
            arr[i][0] = tmp;
        else
            arr[i][0] = arr[i + 1][0];
    }
    console.log(arr);
}
btn.addEventListener('click', () => shiftEl(arr));

let arr = [[1, 1, 1], [2, 2, 2], [3, 3, 3]];
 
function shift(arr) {
  for (let i = 1; i < arr.length; i++) {
    let tmp = arr[i - 1][0];
    arr[i - 1][0] = arr[i][0];
    arr[i][0] = tmp;
  }
  return arr;
}
console.log(shift(arr));
console.log(shift(arr));
console.log(shift(arr));