[JavaScript] 2차원 배열

다중 배열

다중 배열(Multidimensional Array)은 배열 안에 배열이 포함된 구조입니다.
쉽게 말해, 배열의 요소 중 일부가 또 다른 배열인 경우입니다.
예를 들어, 표(table)처럼 데이터를 정리할 수 있습니다.

 

2차원 배열이란?

2차원 배열은 배열의 요소가 또 다른 배열인 구조입니다.

보통 행(row)과 열(column)로 데이터를 저장할 때 사용합니다.

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9],
];

위 코드는 3x3 크기의 2차원 배열입니다.
여기서 matrix는 3개의 배열을 포함하는 배열입니다.
각 내부 배열은 3개의 숫자를 포함하고 있습니다.

 

2차원 배열 요소에 접근하기

2차원 배열의 요소에 접근하려면 두 개의 인덱스를 사용합니다.

첫 번째 인덱스는 행을 가리키고, 두 번째 인덱스는 그 행의 열을 가리킵니다.

array[row][column]

const matrix = [
  [1, 2, 3], // 첫 번째 행 index 0
  [4, 5, 6], // 두 번째 행 index 1
  [7, 8, 9], // 세 번째 행 index 2
  // 0  1  2
];

console.log(matrix[1][1]); // 5

위 코드는 숫자 5에 접근하기 위한 코드입니다.

여기서 matrix[1]은 [4,5,6] 행을 가리키고, 다시 [4,5,6][1]이 5를 가리킵니다.

 

2차원 배열 요소 변경하기

2차원 배열의 특정 요소를 변경하는 것도 같은 방식입니다.

matrix[1][1] = 99; // [4, 5, 6]이 [4, 99, 6]로 변경됩니다