안녕하세요. 아래의 그림처럼 배열을 90도 회전하여 출력하는 함수를 만들고자 합니다.

function rotateImage(a) {
 var b = a.slice()
 // var b = [[1,2,3],[4,5,6],[7,8,9]];

 function arcmove(r,c){
  // console.log(a[r][c])
   b[c][a.length-1-r] = a[r][c]
 }

 for(let i =0 ; i<a.length; i++){
  for(let j =0 ; j<a.length; j++){
    arcmove(i,j)
  }
 }


}

저는 b라는 배열을 만들어 a의 배열에 들어있는 값을 복사한뒤에 arcmove로 a[r][c]의 값을 이동될 좌표로 넣어주었는데요.

var b = [[1,2,3],[4,5,6],[7,8,9]]로 선언했을때는 제가 원하는 90도가 회전되어 잘 출력하는데.. var b = a.slice() 로 선언시에는 [ [ 7, 4, 1 ], [ 2, 5, 2 ], [ 1, 2, 1 ] ] 과 같은 값이 나옵니다.

var b = a 로 가져오는경우 a의 배열이 변경되었을때 b도 수정되는것으로 알고있습니다. 하지만 b = a.slice()로 가져올때는 b는 a와 다른배열이지 않나요?

질문1 왜 var b = a.slice()로 선언한 경우 잘못된 값을 출력하는지 궁금합니다.

질문2 arcmove 함수안에서 a[r][c]를 출력해보았습니다. 그런데 .. 저는 단지b[c][a.length-1-r]에 a[r][c]값을 넣어주었을 뿐인데 배열 a의 값이 바뀌는것을 보았습니다. 왜 .. 배열 a의 값이 바뀌는것인가요?

질문 읽어주셔서 감사합니다!