2차원 배열 (js)

문풀하다가 데이터 구조에 대한 이해가 1도 없어서 작성하며 공부해본다

다차원 배열(multi-dimensional array)이란 2차원 이상의 배열을 의미하며, 배열 요소로 또 다른 배열을 가지는 배열을 의미한다.

2차원 배열은 배열 요소로 1차원 배열을 가지는 배열이며,
3차원 배열은 배열 요소로 2차원 배열을 가지는 배열이고,
4차원 배열은 배열 요소로 3차원 배열을 가지는 배열인 것..

2차원 배열

배열의 배열이라고 할 수 있고,
타입 배열명[행의 길이][열의 길이]; 로 선언할 수 있다.

                 int arr[2][3];
               
						열
    -------------------------------------------
    |  arr[0][0]  |  arr[0][1]  |  arr[0][2]  |
 행  -------------------------------------------
    |  arr[1][0]  |  arr[1][1]  |  arr[1][2]  |
    -------------------------------------------
    
    				  (행렬)

기본적으로 2차원 배열은 행과 열로 구성된 데이터 구조로, 행렬이라고도 불린다. 2차원 배열을 사용하면 데이터를 행과 열로 정리하여 복잡한 데이터 구조를 간단하게 표현할 수 있다.

행(row): 2차원 배열의 가로 방향을 나타낸다.
열(column): 2차원 배열의 세로 방향을 나타낸다.

2차원 배열의 선언과 초기화

2차원 배열을 선언할 때는 각 차원의 크기를 지정해야 한다.

// 3행x4열의 2차원 배열을 선언, 초기화
let arr = [
  [1, 2, 3, 4],
  [5, 6, 7, 8],
  [9, 10, 11, 12]
];

위 예제에서 arr[0][0]은 1, arr[1][2]는 7을 가리킨다. array의 첫 번째 행은 [1, 2, 3, 4], 두 번째 행은 [5, 6, 7, 8], 세 번째 행은 [9, 10, 11, 12]이다.

2차원 배열의 접근 및 수정

2차원 배열의 요소에 접근/수정하는 방법은 단일 배열과 비슷한데 거기서 인덱스가 두 개 필요하다.

console.log(arr[1][2]); // 7

arr[2][1] = 20;

console.log(arr[2][1]); // 20

위 코드에서 arr[1][2]는 7을 출력하며, arr[2][1]의 값을 20으로 수정한 후 출력하면 20이 된다.

2차원 배열의 순회

string arr[i][j];

2차원 배열을 순회할 때는 두 개의 반복문을 사용한다. 외부 반복문은 행(i)을 순회하고, 내부 반복문은 각 행(i)의 열(j)을 순회한다.

for (let i = 0; i < arr.length; i++) {
  for (let j = 0; j < arr[i].length; j++) {
    console.log(arr[i][j]);
  }
}

위의 코드에서 첫 번째 반복문은 배열의 각 행을 순회하고, 두 번째 반복문은 각 행의 요소를 순회하여 값을 출력한다.

공부하면서 찾아본 Array 메서드 블로그 글
https://abangpa1ace.tistory.com/entry/Javascript-2%EC%B0%A8%EC%9B%90-%EB%B0%B0%EC%97%B4-%EB%A7%8C%EB%93%A4%EA%B8%B0Arrayfrom